/* ============================================================================
   Kaila Triniti — design tokens
   The single source of truth. Every colour, face and radius on this site
   resolves here; nothing downstream should hardcode a value.

   Written 2026-08-06 by consolidating what was already in the code. The
   drift it replaces, for the record:
     8 near-whites   #fff #f2efe8 #f4f4f4 #f2f2f2 #ffffff #eaeaea #ddd #cfcfcf
     5 near-blacks   #0a0a0a #0a0a0c #000 #111 #161616
     2 pill radii    999px and 100px, same intent
     3 Poppins stacks with different fallbacks
   ========================================================================= */
:root{
  /* --- grounds -------------------------------------------------------- */
  --kt-ink:        #0A0A0C;   /* the page. was #0a0a0a on older pages */
  --kt-ink-raised: #161616;   /* plates under still-loading photographs */
  --kt-ink-pure:   #000000;   /* only where a true black is meant */

  /* --- inks ----------------------------------------------------------- */
  --kt-bone:       #F2EFE8;   /* the brand white — the cream of the knot */
  --kt-white:      #FFFFFF;   /* true white, where the wordmark must be pure */
  --kt-gold:       #C9A96A;   /* the under-knot metal */
  --kt-navy:       #1B4266;   /* the mark as originally printed, light grounds */
  --kt-blush:      #FFE2D1;   /* hover warmth on the giant wordmark */

  /* --- text ----------------------------------------------------------- */
  --kt-text:       #C9CBCF;   /* body on dark */
  --kt-muted:      #8A8A8A;   /* secondary */
  --kt-faint:      #6B7078;   /* labels, captions — biased toward the navy */

  /* --- hairlines ------------------------------------------------------ */
  --kt-line:       rgba(242,239,232,.13);
  --kt-line-str:   rgba(242,239,232,.30);

  /* --- type ----------------------------------------------------------- */
  --kt-display:    'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --kt-label:      'Montserrat', sans-serif;
  --kt-w-display:  200;       /* the hairline the whole site is set in */
  --kt-w-label:    500;
  --kt-track-label:.22em;     /* uppercase micro-labels */

  /* --- radius --------------------------------------------------------- */
  --kt-r-pill:     999px;     /* buttons. was 999px in some places, 100px in others */
  --kt-r-sm:       2px;       /* panels, cards */
  --kt-r-circle:   50%;

  /* --- motion --------------------------------------------------------- */
  --kt-ease:       cubic-bezier(.2,.7,.2,1);   /* the site's settle curve */
  --kt-ease-draw:  cubic-bezier(.37,0,.28,1);  /* stroke draw-on */
}