/* ============================================================
   AI RevenueOS — Design Tokens
   Warm, premium aesthetic-clinic palette (sampled from tone1/tone2)
   ============================================================ */
:root {
  /* --- surfaces & neutrals --- */
  --canvas:        #F4EFE6;
  --canvas-2:      #EFE8DB;
  --surface:       #FFFFFF;
  --surface-2:     #FAF7F0;
  --surface-3:     #F3EEE3;
  --sand:          #EAE3D4;

  /* --- borders --- */
  --border:        #E8E0D1;
  --border-2:      #D9CFBB;

  /* --- brand --- */
  --primary:       #4A4F3C;   /* deep olive — primary actions, active nav */
  --primary-hover: #3C4030;
  --primary-soft:  #E8E8DE;   /* olive-tinted soft background */
  --clay:          #AC8959;   /* warm camel accent */
  --clay-hover:    #957447;
  --clay-soft:     #F1E7D6;
  --tan:           #C9B79A;
  --brown:         #6A5444;

  /* --- text --- */
  --ink:           #2C2A24;
  --ink-2:         #5A5648;
  --muted:         #968F7E;
  --on-primary:    #F6F4EC;

  /* --- status (conversation pipeline) --- */
  --st-new:        #6E7F96;  --st-new-bg:        #E9ECF1;
  --st-interested: #B5893E;  --st-interested-bg: #F3E9D3;
  --st-booked:     #6E8160;  --st-booked-bg:     #E5EADF;
  --st-paid:       #4B7050;  --st-paid-bg:       #DFEADF;
  --st-followup:   #BE7448;  --st-followup-bg:   #F4E4D7;
  --st-lost:       #968F84;  --st-lost-bg:       #ECE7DD;

  /* --- lead temperature --- */
  --hot:  #C0552F;  --hot-bg:  #F4E1D7;
  --warm: #C2972F;  --warm-bg: #F4EBCF;
  --cold: #6E7F96;  --cold-bg: #E9ECF1;

  /* --- semantic --- */
  --success: #4B7050;  --success-bg: #DFEADF;
  --warning: #B5893E;  --warning-bg: #F3E9D3;
  --danger:  #B4503C;  --danger-bg:  #F2DED8;
  --info:    #6E7F96;  --info-bg:    #E9ECF1;

  /* --- charts (vibrant, coordinated with the warm shell) --- */
  --chart-1: #6B7CE7;   /* periwinkle */
  --chart-2: #AC8959;   /* camel — brand warm */
  --chart-3: #517C6A;   /* sage green */
  --chart-4: #D9A33E;   /* amber */
  --chart-5: #5C97D4;   /* sky blue */
  --chart-6: #CC7DA0;   /* rose */
  --chart-7: #9B72C4;   /* violet */
  --chart-8: #46A99B;   /* teal */

  /* --- typography --- */
  --font: 'Inter', 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-base: 13px;
  --fs-md:   14px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  26px;
  --fs-3xl:  32px;

  /* --- spacing (4pt scale) --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;  --sp-10: 40px; --sp-12: 48px;

  /* --- radius --- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;  --r-xl: 20px;  --r-pill: 999px;

  /* --- shadow (warm-tinted) --- */
  --sh-xs: 0 1px 2px rgba(60, 50, 35, 0.06);
  --sh-sm: 0 1px 3px rgba(60, 50, 35, 0.08), 0 1px 2px rgba(60, 50, 35, 0.04);
  --sh-md: 0 4px 16px rgba(60, 50, 35, 0.10);
  --sh-lg: 0 14px 36px rgba(48, 40, 28, 0.16);

  /* --- layout --- */
  --sidebar-w: 234px;
  --topbar-h:  70px;
  --transition: 150ms ease;
}