/* ============================================================
   SOLENIC — DESIGN TOKENS
   Single source of truth for color, type, and motion.
   Change dark / amber here and it changes across the whole site.
   Linked before every page's own stylesheet.
   ============================================================ */
:root {
  /* ── ground + accent ── */
  --black:  #0a0806;
  --coal:   #141210;
  --sienna: #7a3e1a;
  --burnt:  #c06020;
  --amber:  #e08030;
  --sand:   #d4a870;
  --cream:  #f5efe6;
  --red:    #e81818;
  --white:  #f5efe6;

  /* ── content-panel surface ────────────────────────────────────────────────
     Panels that are a flat colour with no photography behind them: Careers,
     Investors, Contact, and the pages still to be built. Photographic panels
     are deliberately NOT driven by these — they keep their own dark scrim.

     Stored as channel triples rather than finished colours so the many alpha
     steps already in use (amber at .05 through .45, ink at .5 / .82 / .95)
     survive a theme change untouched. Moving these six moves every flat panel
     together; nothing else needs editing.

     ───────────────────────────────────────────────────────────────────────── */
  --c-ground:     rgba(14, 13, 12, 0.92);
  --c-ink-rgb:    245, 239, 230;
  --c-ink-soft:   rgba(232, 224, 213, 0.95);
  --c-accent-rgb: 224, 128, 48;
  --c-chip:       rgba(255, 255, 255, 0.04);
  --c-shadow:     rgba(10, 8, 6, 0.35);
  --c-field-rgb:  10, 8, 6;        /* form field grounds, alpha varies by state */
  --c-ink-strong: #f5efe6;         /* headings and primary type (was var(--white)) */
  --c-accent:     #e08030;         /* solid accent: rules, dots, icons (was var(--amber)) */
  --c-em:         #d4a870;         /* headline emphasis (was var(--sand)) */
  --c-on-accent:  #0a0806;         /* type sitting on a filled accent (was var(--black)) */
  --c-accent-strong: #c06020;      /* deeper accent for hover/fill (was var(--burnt)) */
  --c-ground-solid:  #141210;      /* opaque panel ground (was var(--coal)) */
  --c-ground-deep:   #0a0806;      /* deepest ground (was var(--black)) */

  /* Text tiers. The set originally existed because alpha does not invert between
     surfaces: cream at 55% on black reads, ink at 55% on near-white does not.
     The light surface is gone, so dark is the only ground these are measured against.

     The number in each name is the ALPHA THE TOKEN STARTED AT, not the alpha it holds.
     On this near-black ground (~#0b0907) cream needs roughly 0.48 alpha to clear 4.5:1,
     so any tier carrying normal-size text has to sit at or above that regardless of what
     its name says. -32 and -40 were raised for exactly that reason and no longer match
     their labels. Read the value, not the name, and keep the names — they are referenced
     across three stylesheets.

     Tiers still below the 4.5:1 floor are left alone on purpose: some are decorative
     (-07 is the ghost numeral on About) and the rest have no live consumer left — the
     .footer-* / .breadcrumb-* rules that used them were superseded by the injected
     <solenic-nav> / <solenic-footer> components. The one exception is -30, which still
     paints .drawer-eyebrow on Technology at ~2.4:1. That is a real, unfixed failure. */
  --c-ink-07: rgba(245, 239, 230, 0.07);
  --c-ink-18: rgba(245, 239, 230, 0.18);
  --c-ink-20: rgba(245, 239, 230, 0.2);
  --c-ink-22: rgba(245, 239, 230, 0.22);
  --c-ink-25: rgba(245, 239, 230, 0.25);
  --c-ink-30: rgba(245, 239, 230, 0.3);
  --c-ink-32: rgba(245, 239, 230, 0.52);  /* was 0.32 — 2.60:1, failed. Now ~5.1:1 */
  --c-ink-40: rgba(245, 239, 230, 0.54);  /* was 0.40 — 3.45:1, failed. Now ~5.4:1 */
  --c-ink-45: rgba(245, 239, 230, 0.45);
  --c-ink-50: rgba(245, 239, 230, 0.5);
  --c-ink-55: rgba(245, 239, 230, 0.55);
  --c-coal-rgb:      20, 18, 16;   /* coal as a triple, alpha varies */
}


:root {
  /* ── type ── */
  /* Arimo, not Arial: Arial is a licensed system font — it can't be embedded/served and only
     ships on some devices (Helvetica-substituted elsewhere), so it renders inconsistently across
     browsers. Arimo is the open, web-embeddable face built to Arial's exact metrics: same look,
     identical on every device. Arial is kept as the fallback if the webfont ever fails to load. */
  --sol-sans: 'Arimo', Arial, 'Helvetica Neue', Helvetica, sans-serif;   /* display + body */
  --sol-mono: 'Space Mono', ui-monospace, monospace; /* labels + data */
  --serif: var(--sol-sans);                        /* legacy alias (About) → Arimo */
  --sans:  'Arimo', Arial, 'Helvetica Neue', Helvetica, sans-serif;        /* body on About / Technology */

  /* ── motion ── */
  --ease: cubic-bezier(0.65, 0, 0.35, 1);

  /* ── layout grid (matches GridSim: maxw 1320, margin 24) ── */
  --grid-max: 1320px;                    /* centered content container */
  --page-edge: 24px;                     /* inner margin inside the container (the grid's rail) */
  /* the effective inset from the viewport edge to column 1 / column 12 */
  --grid-inset: max(var(--page-edge), calc((100% - var(--grid-max)) / 2 + var(--page-edge)));
}