/* ==========================================================================
   nzink.co.nz — design tokens.
   Independent visual identity, approved 2026-08-29 (see design draft
   artifact). Not derived from Journal3/inktoner tokens — palette, type and
   component values below are this theme's own source of truth. Components
   read colors/fonts/spacing only from these custom properties; no hardcoded
   hex values in nzink-theme.css below this file.
   ========================================================================== */

:root {
  /* ---- Colors ---------------------------------------------------------- */
  --nz-ink: #0e2a30;          /* deep teal-black — header/footer/stat strip ground */
  --nz-ink-2: #153e46;        /* secondary panel / hover ground / category rail */
  --nz-paper: #f6f4ee;        /* warm off-white — page background */
  --nz-paper-2: #ede9df;      /* slightly deeper warm neutral — alt section bg, thumb bg */
  --nz-card: #ffffff;         /* card surfaces */
  --nz-text: #1c2b2e;         /* body text */
  --nz-text-soft: #5b6b6c;    /* secondary text */
  --nz-line: #dcd6c8;         /* hairline borders */
  --nz-coral: #e8492f;        /* primary accent — CTAs, price, sale ribbons */
  --nz-coral-dark: #c73b24;   /* accent hover/active */
  --nz-amber: #f2a900;        /* secondary accent — stat numerals, sparing highlight */
  --nz-green: #2f8f5b;        /* semantic — trust/stock checkmarks only */

  /* ---- Typography -------------------------------------------------------
     Fraunces = display/heading (headings, price numerals, section titles).
     Public Sans = body/UI (nav, buttons, product data, forms). */
  --nz-font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --nz-font-body: 'Public Sans', -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  --nz-font-size-body: 15px;
  --nz-line-height-body: 1.6;

  --nz-font-size-h1: 42px;
  --nz-font-size-h2: 28px;
  --nz-font-size-h3: 22px;
  --nz-font-size-h4: 17px;
  --nz-font-size-small: 13px;
  --nz-font-size-xs: 12px;

  /* ---- Radius / shadow --------------------------------------------------- */
  --nz-radius-small: 2px;
  --nz-radius-medium: 4px;
  --nz-radius-large: 6px;

  --nz-shadow-card: 0 1px 2px rgba(14, 42, 48, 0.06);
  --nz-shadow-panel: 0 18px 40px -12px rgba(14, 42, 48, 0.35);

  /* ---- Buttons ------------------------------------------------------------ */
  --nz-btn-bg: var(--nz-ink);
  --nz-btn-bg-hover: var(--nz-ink-2);
  --nz-btn-color: #ffffff;
  --nz-btn-radius: var(--nz-radius-small);

  --nz-cta-bg: var(--nz-coral);
  --nz-cta-bg-hover: var(--nz-coral-dark);
  --nz-cta-color: #ffffff;

  /* ---- Breakpoints (reference only — literal px values in @media) -------- */
  /* Mobile: 480 · Tablet: 768 · Laptop: 980 · Desktop: 1240 */
}