/* ==========================================================================
   Buttermints Wholesale — Design Tokens
   Source of truth: docs/design/theme-direction.md
   When ported to Dawn, these become entries in settings_data.json.
   ========================================================================== */

/* ----- Self-hosted brand fonts ----- */
@font-face {
  font-family: 'Cordoba Sans';
  src: url('../assets/fonts/CordobaSans.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  /* Heavier "stamp" cut used for the logo + display headlines on packaging.
     Slightly textured, designed for big bold treatments. */
  font-family: 'Cordoba Sans Stamp';
  src: url('../assets/fonts/CordobaSansStamp.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root {
  /* ----- Brand primaries (BSG p07) ----- */
  --c-black: #000000;
  --c-yellow: #FFD600;     /* Pantone 012 C — Original + brand primary */
  --c-white: #FFFFFF;
  --c-kraft: #C9A87A;      /* Approx of brand kraft paper */
  --c-kraft-light: #E5D5B8;

  /* ----- Functional / system colors ----- */
  --c-success: #1F7A3A;
  --c-warning: #A86A00;
  --c-danger: #A1242E;
  --c-info: #1F4F7A;

  /* ----- Neutral scale (for text, dividers, surfaces) ----- */
  --c-ink-900: #111111;        /* primary body */
  --c-ink-700: #3A3A3A;
  --c-ink-500: #6B6B6B;        /* muted */
  --c-ink-300: #BFBFBF;        /* dividers */
  --c-surface-100: #FAFAF7;    /* page bg with warmth */
  --c-surface-200: #F2F0E9;    /* cards on white */
  --c-border: #E2DFD6;

  /* ----- Per-flavor accent (overridden per PDP) ----- */
  --c-flavor: var(--c-yellow);
  --c-flavor-soft: rgba(255, 214, 0, 0.12);

  /* ----- Type ----- */
  /* Title = Cordoba Sans (regular brand sans). Display = Cordoba Sans Stamp
     for big hero treatments (matches the bold packaging headlines). Body
     stays Inter / system-ui for legibility at long-read sizes. */
  --font-title: 'Cordoba Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Cordoba Sans Stamp', 'Cordoba Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-script: 'Caveat', cursive;  /* placeholder for Mayhena - Inky brand script */

  /* Type scale (modular 1.25) */
  --text-xs: 0.75rem;     /* 12 */
  --text-sm: 0.875rem;    /* 14 */
  --text-base: 1rem;      /* 16 */
  --text-lg: 1.125rem;    /* 18 */
  --text-xl: 1.5rem;      /* 24 */
  --text-2xl: 2rem;       /* 32 */
  --text-3xl: 2.5rem;     /* 40 */
  --text-4xl: 3.5rem;     /* 56 */
  --text-5xl: 4.75rem;    /* 76 — hero only */

  /* Tracking (per BSG p32) */
  --tracking-title: 0.2em;
  --tracking-subtitle: 0.03em;
  --tracking-body: 0;

  /* Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* Line heights */
  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  /* ----- Spacing (8pt grid) ----- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;
  --s-32: 8rem;

  /* ----- Layout ----- */
  --container-max: 1280px;
  --container-narrow: 880px;
  --container-padding-mobile: var(--s-5);
  --container-padding-desktop: var(--s-8);

  /* ----- Border radii ----- */
  --r-none: 0;
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* ----- Shadows ----- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);

  /* ----- Motion (per theme-direction.md §11) ----- */
  --t-fast: 150ms;
  --t-base: 200ms;
  --t-slow: 300ms;
  --easing: cubic-bezier(0.4, 0, 0.2, 1);
}