/* ============================================================
   LeFi — Design Tokens
   Single source of truth for brand colors, type & shape.
   Generated from the values already in use across the site.
   Portable mirror: /tokens.json (W3C design-tokens format).

   Channel tokens (--*-ch) hold raw "r, g, b" triplets so they
   can be reused at any opacity, e.g. rgba(var(--noir-ch), 0.5).
   ============================================================ */
:root {
  /* --- Color: core --- */
  --noir: #070806;          /* near-black, dark sections        */
  --bg: #0a0a0a;            /* page background                  */
  --ink: #f4f1ea;          /* primary text / cream             */
  --white: #ffffff;
  --accent: #a6d8cd;        /* brand teal / mint                */

  /* --- Color: supporting --- */
  --surface: #16181c;       /* raised dark surface              */
  --navy: #0b1a2b;          /* deep blue accent panels          */
  --gold: #ffcf5c;          /* highlight / star                 */
  --coral: #ff6b6b;         /* error / alert                    */
  --coral-300: #ff8b8b;
  --coral-200: #ffb4a8;

  /* --- Color: channels (for alpha via rgba(var(--x-ch), a)) --- */
  --noir-ch: 7, 8, 6;
  --ink-ch: 244, 241, 234;
  --navy-ch: 11, 26, 43;
  --white-ch: 255, 255, 255;
  --black-ch: 0, 0, 0;

  /* --- Typography --- */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* --- Radius --- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius-circle: 50%;
}