:root {
  /* --- Primary Orange (Adhyot Labs brand) --- */
  --color-primary-dark:  #C4501E;   /* hover / active */
  --color-primary:       #E86224;   /* main brand orange */
  --color-primary-mid:   #F07840;   /* lighter orange */
  --color-primary-light: #F5A07C;   /* soft orange — icons, secondary */

  /* --- Backgrounds (warm cream/beige) --- */
  --color-surface-base:   #F2EBE0;  /* page background — warm cream */
  --color-surface-card:   #FFFFFF;  /* card/tile backgrounds */
  --color-surface-muted:  #EDE4D8;  /* muted sections, input bg */
  --color-surface-subtle: #DDD0C0;  /* dividers, borders */

  /* --- Text --- */
  --color-text-primary:   #1A1205;  /* near black */
  --color-text-secondary: #5C3D28;  /* secondary labels */
  --color-text-muted:     #9C7A62;  /* placeholder, metadata */
  --color-text-inverse:   #FFFFFF;  /* on orange / dark bg */

  /* --- Semantic Status --- */
  --color-success:    #2E7D4F;
  --color-success-bg: #E8F5EE;
  --color-warning:    #B8860B;
  --color-warning-bg: #FFF8E1;
  --color-danger:     #C0392B;
  --color-danger-bg:  #FDECEA;
  --color-info:       #1565C0;
  --color-info-bg:    #E3F0FD;

  /* --- Icon color (warm muted brown — harmonizes with cream background) --- */
  --color-icon: #8B6A50;

  /* --- AI Accent --- */
  --color-ai-accent: #7B5EA7;
  --color-ai-bg:     #F3EEFF;

  /* --- Tiles & Cards --- */
  --shadow-card:       0 2px 10px rgba(232, 98, 36, 0.08);
  --shadow-card-hover: 0 8px 28px rgba(232, 98, 36, 0.18);
  --radius-tile: 14px;
  --radius-card: 8px;
  --radius-badge: 4px;

  /* --- Top Bar --- */
  --topbar-height: 56px;

  /* --- Typography --- */
  --font-sans: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --font-size-base: 14px;
  --line-height-base: 1.6;
}