/* ============================================================================
   KOMPAS CORE — shared design tokens for the bold-dark marketing sites.
   SINGLE SOURCE OF TRUTH for the live look & feel of:
     kompaslegal.nl · assetinzicht.nl · alimentatieinzicht.nl

   This is a verbatim copy deployed to each site root and imported as the FIRST
   line of that site's styles.css:
       @import url("kompas-core.css");
   Change a value HERE, copy this file to the other site roots, redeploy → all
   three sites update together. The :root below is byte-identical across sites,
   so nothing renders differently after wiring it in.

   Names are kept exactly as the shipped CSS already references them
   (--navy / --gold / --ink-* / --font-* / --content / --r-* / --ease / --t).

   NOTE: this is distinct from tokens.css (the --kl-* vocabulary), which is used
   ONLY by each site's 404.html. The live marketing pages use the tokens below.

   Canonical brand gold = #b68b3c (antique gold). #c9972a is deprecated.
   ========================================================================== */

:root {
  /* ── Brand primitives ───────────────────────────────────────────────── */
  --navy:        #14213d;
  --navy-mid:    #1e3060;
  --gold:        #b68b3c;
  --gold-light:  #d1ac66;
  --gold-bright: #e0b96a;
  --gold-ink:    #241908;
  --champagne:   #d9c29c;
  --bronze:      #8a5e12;
  --cream:       #f3ead8;
  --paper:       #f8f6f2;
  --sand:        #ede3cf;

  /* ── Dark theme grounds (navy-black, not pure black) ────────────────── */
  --ink-0: #0b1120;   /* page background */
  --ink-1: #0f1729;   /* raised cards */
  --ink-2: #141d33;   /* hover / nested */
  --line:  rgba(217, 194, 156, 0.14);  /* champagne hairline */
  --line-strong: rgba(217, 194, 156, 0.28);

  --text:        #f5efe2;
  --text-soft:   rgba(245, 239, 226, 0.66);
  --text-faint:  rgba(245, 239, 226, 0.40);
  --ghost:       rgba(245, 239, 226, 0.13);  /* muted second-tone mega word */
  --ghost-dark:  rgba(20, 33, 61, 0.16);     /* same, on light sections */

  /* ── Type ───────────────────────────────────────────────────────────── */
  /* Display = self-hosted Mona Sans Narrow ExtraBold (Astryon's display face);
     condensed system faces remain as a load-failure fallback. */
  --font-display: 'Mona Sans Narrow', 'Haettenschweiler', 'Impact', 'Arial Narrow', sans-serif;
  --font-sans: 'Mona Sans', 'Inter', ui-sans-serif, system-ui, -apple-system,
               BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo,
               'Cascadia Code', Consolas, monospace;

  /* ── Layout ─────────────────────────────────────────────────────────── */
  --content: 1280px;
  --pad: clamp(1rem, 4vw, 2.75rem);
  --r-card: 26px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t: 0.35s var(--ease);
}