@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Brand palette */
  --color-primary:       #8B1A1A;
  --color-primary-dark:  #5C0E0E;
  --color-primary-rich:  #A82020;
  --color-gold:          #C9952A;
  --color-gold-light:    #E8B84B;
  --color-gold-pale:     #F5E6C0;

  /* Backgrounds */
  --color-bg:            #0F0908;
  --color-bg-card:       #1A1210;
  --color-bg-surface:    #221915;
  --color-bg-warm:       #2A1F18;
  --color-bg-input:      #1E1510;

  /* Text */
  --color-text:          #F0EBE3;
  --color-text-muted:    #9A8E84;
  --color-text-dim:      #6B6055;
  --color-border:        rgba(255,255,255,.08);
  --color-border-gold:   rgba(201,149,42,.3);

  /* Status */
  --color-status-new:         #E05252;
  --color-status-in-progress: #E09A20;
  --color-status-ready:       #4CAF76;
  --color-status-done:        #666;

  /* Gradients */
  --grad-primary:  linear-gradient(135deg, #8B1A1A 0%, #5C0E0E 100%);
  --grad-gold:     linear-gradient(135deg, #C9952A 0%, #E8B84B 100%);
  --grad-hero:     linear-gradient(160deg, #0F0908 0%, #1A0D08 50%, #2A1005 100%);
  --grad-card:     linear-gradient(145deg, #221915 0%, #1A1210 100%);

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

  /* Radii */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,.4);
  --shadow-md:   0 6px 20px rgba(0,0,0,.5);
  --shadow-lg:   0 16px 48px rgba(0,0,0,.6);
  --shadow-gold: 0 4px 24px rgba(201,149,42,.25);
  --shadow-glow: 0 0 40px rgba(139,26,26,.4);

  /* Spacing */
  --space-1:  4px;  --space-2: 8px;   --space-3: 12px;
  --space-4:  16px; --space-5: 20px;  --space-6: 24px;
  --space-8:  32px; --space-10: 40px; --space-12: 48px;
  --space-16: 64px; --space-20: 80px;

  --header-h:    68px;
  --cart-bar-h:  68px;
  --max-w:       1200px;
  --transition:  .22s cubic-bezier(.4,0,.2,1);
  --transition-slow: .4s cubic-bezier(.4,0,.2,1);
}