/* ============================================================
   Techsage Inc. — Design tokens
   Direction I · Copper & Teal
   ------------------------------------------------------------
   This file IS the visual identity. Every colour, typeface and
   spacing step the site uses is declared here and nowhere else.
   Swapping this one file re-skins the entire site.
   ============================================================ */

:root {
  /* ---- ground & surfaces ---------------------------------- */
  --bg:            #0D1414;
  --bg-deep:       #080E0E;
  --surface:       #121B1A;
  --surface-2:     #16211F;
  --surface-3:     #1B2725;

  /* ---- ink ------------------------------------------------- */
  --fg:            #F2EDE5;
  --fg-2:          #A69D8E;
  --fg-3:          #7A736A;

  /* ---- rules ----------------------------------------------- */
  --line:          #1E2B2A;
  --line-2:        #283735;

  /* ---- brand ----------------------------------------------- */
  --copper:        #C87F4A;
  --copper-lift:   #E0995C;
  --copper-deep:   #8F5528;
  --gold:          #D9B26A;
  --teal:          #0E5E5E;
  --teal-lift:     #2E9191;
  --teal-wash:     #0F2A2A;

  /* ---- semantic state -------------------------------------- */
  --ok:            #5BB98C;
  --ok-wash:       #10281F;
  --warn:          #D9A441;
  --warn-wash:     #2A2213;
  --crit:          #D4664F;
  --crit-wash:     #2B1613;

  /* ---- type ------------------------------------------------- */
  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body:    "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --t-xs:   11px;
  --t-sm:   13px;
  --t-base: 16px;
  --t-lg:   17.5px;
  --t-xl:   19px;

  --track-label: 0.11em;
  --track-tight: -0.03em;

  /* ---- spacing & measure ----------------------------------- */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  14px;
  --s-4:  22px;
  --s-5:  34px;
  --s-6:  52px;
  --s-7:  76px;

  --rail:    152px;
  --gap:     46px;
  --measure: 66ch;
  --max:     1120px;
  --gutter:  28px;

  /* ---- form ------------------------------------------------- */
  --radius:    3px;
  --radius-lg: 6px;

  /* Direction I is a committed dark identity. The ground is
     painted explicitly so the page never borrows a host theme. */
  color-scheme: dark;
}