/**
 * Panova — Authentic Brand Design System Tokens
 * Strict Logo Color Palette:
 * Espresso Brown, Wheat Gold, Cream, Warm Sand, Dark Gold, and Mocha Dark Brown.
 */

:root {
  /* Logo Core Palette & Warm Terracotta Accent */
  --brown: #200C04;                 /* Espresso brown from Panova logo */
  --gold: #B8975A;                  /* Wheat gold from Panova emblem */
  --gold-dark: #785926;             /* Antique dark gold for WCAG AA text on cream (5.93:1) */
  --cream: #FAF6EF;                 /* Radiant fresh cream background */
  --sand: #EFE4D3;                  /* Warm sand for cards, badges and pills */
  --text: #200C04;                  /* Primary espresso dark brown heading & text */
  --text-soft: #3B2416;             /* Mocha dark brown for body text */
  --terracotta: #A85438;            /* Signature warm terracotta for buttons & key accents */
  --terracotta-hover: #8F442C;      /* Deep terracotta hover */
  --terracotta-glow: rgba(168, 84, 56, 0.35);

  /* Design System Aliases */
  --color-bg: var(--cream);
  --color-bg-alt: var(--sand);
  --color-surface: #FFFFFF;
  --color-ink: var(--text);
  --color-ink-soft: var(--text-soft);
  --color-coffee-espresso: var(--brown);
  --color-coffee-mocha: #381E11;
  --color-coffee-roast: #4A2E1F;
  --color-coffee-caramel: #785926;
  --color-coffee-crema: var(--gold);
  --color-burnt-orange: var(--terracotta);
  --color-burnt-orange-hover: var(--terracotta-hover);
  --color-burnt-orange-subtle: rgba(168, 84, 56, 0.15);
  --color-warm-ivory: var(--sand);
  --color-warm-ivory-light: var(--cream);
  --color-warm-ivory-veil: rgba(250, 246, 239, 0.90);
  --color-primary: var(--terracotta);     /* Primary CTA = warm terracotta */
  --color-primary-hover: var(--terracotta-hover);
  --color-primary-deep: #7A3520;
  --color-accent-brass: var(--gold);
  --color-accent-rust: var(--terracotta);
  --color-border: rgba(32, 12, 4, 0.10);
  --color-border-subtle: rgba(32, 12, 4, 0.06);
  --color-success: #16a34a;          /* Standard veg green */
  --color-error: #dc2626;            /* Standard non-veg red */

  /* Aliases & Design System Standards */
  --cream-pure: #FFFFFF;
  --cream-dark: var(--sand);
  --cream-border: var(--color-border);
  --espresso: var(--brown);
  --espresso-deep: #160803;
  --espresso-soft: var(--text-soft);
  --espresso-muted: #554335;
  --gold-light: #C9A96E;
  --gold-subtle: rgba(184, 151, 90, 0.15);
  --leaf-gold-dark: var(--gold-dark);
  --timber: var(--brown);
  --timber-light: #523120;
  --hearth: var(--gold);

  /* Typography System (At most two font families across the site) */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-editorial: 'Playfair Display', 'Cormorant Garamond', serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Font Scales */
  --text-h1: clamp(2.25rem, 4vw, 3.75rem);
  --text-h2: clamp(1.75rem, 2.8vw, 2.75rem);
  --text-h3: 1.35rem;
  --text-body: clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --text-small: 0.8125rem;
  --text-xs: 0.75rem;

  /* Line Heights */
  --lh-headlines: 1.2;
  --lh-body: 1.6;
  --lh-card: 1.4;

  /* Letter Spacing */
  --tracking-eyebrow: 0.08em;
  --tracking-normal: 0;

  /* Spacing Scale (8px base: 4, 8, 12, 16, 24, 32, 48, 56, 64, 96, 128 px) */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  /* Container & Layout (max-width 1200px) */
  --container-standard: 1200px;
  --container-hero: 1440px;
  --container-max: 1200px;
  --header-height: 72px;

  /* Radius Scale (18px for cards) */
  --radius-input: 10px;
  --radius-tag: 9999px;
  --radius-card: 18px;
  --radius-button: 9999px;
  --radius-image: 18px;
  --radius-full: 9999px;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* Borders */
  --border-hairline: 1px solid var(--color-border);

  /* Single Soft Elevation Token for Cards & Hover */
  --shadow-elevation: 0 8px 24px rgba(32, 12, 4, 0.06);
  --shadow-sm: 0 4px 14px rgba(32, 12, 4, 0.04);
  --shadow-md: var(--shadow-elevation);
  --shadow-lg: 0 16px 36px rgba(32, 12, 4, 0.09);
  --shadow-card-hover: 0 14px 32px rgba(32, 12, 4, 0.10);

  /* Motion & Transitions (Gentle fade-up 200-300ms, soft lift) */
  --transition-ui: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-reveal: 300ms ease-out;
  --transition-toggle: 200ms ease-in-out;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}