*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Background & Surface */
  --bg: #FAFAF8;
  --panel-bg: #FFFFFF;
  --card-bg: #FFFFFF;
  --input-bg: #F5F3EF;
  --hover: #F3EDE6;
  --border: #E8E5DF;

  /* Text */
  --text: #2D2A26;
  --muted: #8A857D;
  --dim: #B0AAA1;

  /* Accent */
  --accent: #E8924F;
  --accent-light: rgba(232, 146, 79, 0.10);
  --accent-hover: #D4813E;

  /* Status */
  --success: #5BA858;
  --success-light: rgba(91, 168, 88, 0.10);
  --error: #D4644A;
  --error-light: rgba(212, 100, 74, 0.10);
  --warning: #D4A043;
  --warning-light: rgba(212, 160, 67, 0.10);

  /* Info (system notices) */
  --info: #4A90C4;
  --info-light: rgba(74, 144, 196, 0.08);

  /* Misc */
  --code-bg: #F5F3EF;
  --shadow-sm: 0 1px 2px rgba(45, 42, 38, 0.06);
  --shadow-md: 0 2px 8px rgba(45, 42, 38, 0.08);
  --radius: 8px;
  --radius-sm: 6px;
  --nav-height: 48px;
}