/* ==========================================================================
   WKND — Design Tokens
   wknd-elementor/assets/css/tokens.css
   --------------------------------------------------------------------------
   Single source of truth for the child theme's brand primitives.
   Values are the CANONICAL live Elementor kit (global-variables.json), which
   match the Lovable repo's src/index.css palette to the hex. No invented hex:
   core colors are the kit's exact values; support tokens are the repo's HSL
   preserved verbatim (hex equivalents noted in TOKEN-TABLE.md).

   Font @font-face family names deliberately match the live kit's custom-font
   handles ('primary' / 'secundary' / 'eyebrown') so imported Elementor pages
   (which reference font-family:"eyebrown" etc.) resolve against these faces.
   woff2 only. font-display: swap on every face.

   Dark mode: OFF (see TOKEN-TABLE.md). The brand is a fixed cream/ink system;
   the live kit defines no dark variants and no public page toggles a theme.
   ========================================================================== */

/* ------------------------------------------------------------------ Fonts */
/* Self-hosted from the child theme (assets/fonts/). Copy the woff2 there
   during theme assembly. Do NOT also import the kit's Custom Fonts — that
   would double-register the same three families. */

@font-face {
  font-family: 'primary';                 /* FreightDispCmp Pro Book — display/headings */
  src: url('../fonts/FreightDispCmpPro-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'primary';                 /* italic companion (repo uses it for emphasis) */
  src: url('../fonts/FreightDispCmpPro-BookItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'secundary';               /* Adobe Caslon Pro Regular — body/CTAs */
  src: url('../fonts/ACaslonPro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'eyebrown';                /* FreightNeoCnd Pro Semi — eyebrows/labels (uppercase) */
  src: url('../fonts/FreightNeoCndPro-Semi.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Numeral override (repo brand rule): digits always render in the display
   face, regardless of surrounding family. Maps FreightDisp onto the two text
   families for U+0030–0039 only. Keeps big metric numbers on-brand. */
@font-face {
  font-family: 'secundary';
  src: url('../fonts/FreightDispCmpPro-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'eyebrown';
  src: url('../fonts/FreightDispCmpPro-Book.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039;
}

/* ----------------------------------------------------------------- Tokens */
:root {
  /* --- Brand color primitives (kit global-variables.json, authoritative hex) --- */
  --wknd-linen:        #F4F2E6;   /* kit: primaryFont  | repo: --linen   (paper/bg) */
  --wknd-ink:          #1D1D1B;   /* kit: darkColor    | repo: --ink      (text) */
  --wknd-bronze:       #9E9A78;   /* kit: secondaryFont| repo: --bronze/--wknd-gold */
  --wknd-powder:       #A5BAC1;   /* kit: lighBlue     | repo: --warm-gray */
  --wknd-peach:        #D19A97;   /* kit: pink (solid) | repo: --accent (#D19C97, ~1-digit drift) */

  /* kit-only overlay primitives (used on media/hero scrims) */
  --wknd-ink-scrim:    rgba(26, 26, 24, 0.60);   /* kit: blacktransparent #1A1A1899 */
  --wknd-linen-scrim:  rgba(245, 243, 230, 0.61);/* kit: whitetransparent #F5F3E69C */

  /* repo-derived support tokens — NOT kit globals (HSL preserved verbatim; see drift list) */
  --wknd-stone:        hsl(28 23% 29%);   /* deep brown #5C4A3A — default border / muted text */
  --wknd-sand:         hsl(54 16% 80%);   /* light bronze — muted surface */

  /* --- Semantic color roles (required set) --- */
  --wknd-background:            var(--wknd-linen);
  --wknd-foreground:            var(--wknd-ink);
  --wknd-card:                  var(--wknd-linen);
  --wknd-card-foreground:       var(--wknd-ink);
  --wknd-primary:               var(--wknd-bronze);
  --wknd-primary-foreground:    var(--wknd-linen);
  --wknd-secondary:             var(--wknd-powder);
  --wknd-secondary-foreground:  var(--wknd-ink);
  --wknd-accent:                var(--wknd-peach);
  --wknd-accent-foreground:     var(--wknd-ink);
  --wknd-muted:                 var(--wknd-sand);
  --wknd-muted-foreground:      var(--wknd-stone);
  --wknd-border:                var(--wknd-stone);
  --wknd-destructive:           hsl(5 39% 55%);   /* darker peach — form validation only (~#B9675F) */
  --wknd-destructive-foreground:var(--wknd-linen);

  /* --- Typography (families map to the kit's custom-font handles) --- */
  --wknd-font-display:  'primary',  'Freight Disp Cmp Pro', serif;      /* headings h1–h6 */
  --wknd-font-body:     'secundary','Adobe Caslon Pro', Georgia, serif; /* body + CTAs */
  --wknd-font-eyebrow:  'eyebrown', 'Freight Neo Cnd Pro', sans-serif;  /* eyebrows/labels */

  --wknd-text-body:     22px;      /* kit: p-1 = 22px (repo body ~16–20px; kit wins) */
  --wknd-leading-body:  1.65;      /* repo .body-* line-height */
  --wknd-leading-head:  0.85;      /* repo headings line-height */
  --wknd-tracking-eyebrow: 0.22em; /* repo .eyebrow letter-spacing */
  --wknd-tracking-head:   -0.01em; /* repo display/section heading tracking */

  /* --- Radius --- */
  --wknd-radius: 0;                /* repo --radius: 0rem — sharp corners throughout */

  /* --- Shadows --- */
  /* Only one elevation exists in the source (CTA hover). No broader scale. */
  --wknd-shadow-cta: 0 8px 24px -10px rgba(158, 154, 120, 0.6); /* hsl(bronze / .6) */

  /* --- Layout: container widths + gutters --- */
  --wknd-container-max:    1400px; /* Tailwind container 2xl cap */
  --wknd-container-wide:   1152px; /* repo .container-wide (max-w-6xl) — Elementor content width */
  --wknd-container-narrow:  768px; /* repo .container-narrow (max-w-3xl) — prose column */
  --wknd-gutter:          1.5rem;  /* repo px-6 (mobile/base) */
  --wknd-gutter-lg:         3rem;  /* repo lg:px-12 (wide sections) */

  /* --- Section padding (vertical rhythm) --- */
  --wknd-section-py-desktop: 9rem;   /* repo .section-padding lg:py-36 */
  --wknd-section-py-tablet:  7rem;   /* md:py-28 */
  --wknd-section-py-mobile:  4rem;   /* base py-16 */
  --wknd-section-py-sm-desktop: 6rem;/* repo .section-padding-sm lg:py-24 */
  --wknd-section-py-sm-mobile: 2.5rem;/* base py-10 */
}

/* Preload targets (declared in the <link rel="preload"> during enqueue, not here):
   1) assets/fonts/FreightDispCmpPro-Book.woff2   — display / hero H1 (LCP)
   2) assets/fonts/FreightNeoCndPro-Semi.woff2    — eyebrow (semibold) above the H1
   See FONT-SPEC.md. */