/* Asam & Co. Perfumers — design tokens. Source: DESIGN.md. */

:root {
  /* Palette — verbatim from spec */
  --color-primary-dark: #0B2015;
  --color-accent-gold: #D4AF37;
  --color-canvas-light: #FAF8F5;

  /* Derived supporting tokens (see DESIGN.md Palette section) */
  --color-gold-hover: #C29A2E;
  --color-gold-soft: rgba(212, 175, 55, 0.14);
  --color-ink: #1C2620;
  --color-ink-muted: rgba(28, 38, 32, 0.65);
  --color-border-light: rgba(28, 38, 32, 0.10);
  --color-border-dark: rgba(212, 175, 55, 0.22);

  /* On-dark text/icon tokens */
  --color-text-on-dark: #FAF8F5;
  --color-text-on-dark-muted: rgba(250, 248, 245, 0.68);

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

  --size-h1: clamp(48px, 7vw, 92px);
  --size-h2: clamp(32px, 4.5vw, 56px);
  --size-h3: clamp(22px, 2.5vw, 32px);
  --size-body-l: 1.125rem;
  --size-body: 1rem;
  --size-small: 0.875rem;
  --size-eyebrow: 0.6875rem;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Spacing */
  --section-pad: clamp(96px, 12vw, 152px);
  --container-max: 1280px;
  --card-pad-desktop: 36px;
  --card-pad-mobile: 24px;
  --grid-gap-desktop: 28px;
  --grid-gap-mobile: 16px;

  /* Easing */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-expo: cubic-bezier(0.19, 1, 0.22, 1);
}