:root {
  /* Brand */
  --primary:        #7C2D12;
  --primary-dark:   #5C1E08;
  --primary-light:  #9A3412;
  --accent:         #F97316;
  --accent-light:   #FED7AA;
  --accent-pale:    #FFF7ED;

  /* Neutrals */
  --dark:           #1C1917;
  --dark-muted:     #44403C;
  --mid:            #78716C;
  --stone:          #A8A29E;
  --border:         #E7E0D9;
  --border-light:   #F0EBE4;
  --bg:             #FDFAF7;
  --bg-alt:         #F5EFE8;
  --surface:        #FFFFFF;

  /* Semantic */
  --text:           #1C1917;
  --text-muted:     #78716C;
  --text-light:     #A8A29E;

  /* Status */
  --green:          #16A34A;
  --green-bg:       #DCFCE7;
  --yellow:         #D97706;
  --yellow-bg:      #FEF9C3;
  --orange:         #EA580C;
  --orange-bg:      #FFEDD5;
  --red:            #DC2626;
  --red-bg:         #FEE2E2;
  --blue:           #2563EB;
  --blue-bg:        #DBEAFE;
  --purple:         #7C3AED;
  --purple-bg:      #EDE9FE;

  /* Typography */
  --font-display:   'Playfair Display', Georgia, serif;
  --font-body:      'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing */
  --container:      1200px;
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;
  --radius-xl:      28px;

  /* Shadows */
  --shadow-xs:      0 1px 2px rgba(0,0,0,.06);
  --shadow-sm:      0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md:      0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);
  --shadow-lg:      0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);
  --shadow-xl:      0 20px 25px rgba(0,0,0,.1), 0 8px 10px rgba(0,0,0,.06);

  /* Transitions */
  --ease:           cubic-bezier(0.4, 0, 0.2, 1);
  --fast:           150ms;
  --normal:         250ms;
  --slow:           400ms;
}