/* ============================================================
   SPI Design Tokens — Brand Guidelines V1.0
   Single source of truth for all SPI HTML pages.
   Do NOT edit values here without updating the brand spec.
   ============================================================ */
:root {

  /* ── Core palette ─────────────────────────────────────────── */
  --paper:   #F4F5F7;
  --paper-2: #ECEEF2;
  --white:   #FFFFFF;
  --ink:     #2F3A48;
  --slate:   #5C7B96;
  --sky:     #8FB3D1;
  --mint:    #8FBAA0;
  --amber-c: #D49A6E;

  /* ── Accent scale ──────────────────────────────────────────── */
  --slate-deep: #426A8C;
  --mint-deep:  #4F8D6A;
  --amber-deep: #A8623D;

  /* ── Semantic layer (c- = explicit role) ─────────────────── */
  --c-ink:    #2F3A48;
  --c-ink-2:  #5C7B96;
  --c-stone:  #8B95A4;
  --c-mist:   #B7BEC9;
  --c-line:   #E1E4EA;
  --c-line-2: #CFD4DD;

  /* ── Compatibility aliases (used across all pages) ────────── */
  --bg:    #F4F5F7;
  --wht:   #FFFFFF;
  --navy:  #2F3A48;
  --ink-m: #5C7B96;
  --ink-f: #8B95A4;
  --muted: #8B95A4;
  --faint: #B7BEC9;
  --stone: #8B95A4;
  --mist:  #B7BEC9;
  --rule:  #E1E4EA;
  --rule-2:#CFD4DD;
  --blue:  #5C7B96;
  --blue-l:#E7EDF2;
  --green:  #4F8D6A;
  --green-l:#E8F1EB;
  --amber:  #D49A6E;
  --amber-l:#F3E7DC;
  --red:    #A8623D;
  --red-l:  #F3E7DC;

  /* ── Typography ────────────────────────────────────────────── */
  /* body text */
  --sans:  "Pretendard Variable","Pretendard","Apple SD Gothic Neo",
           -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  /* headings / body fallback (= sans; kept for legacy references) */
  --serif: "Pretendard Variable","Pretendard",-apple-system,system-ui,sans-serif;
  /* numbers & code */
  --mono:  "JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  /* wordmark "SPI." — Avenir Next 800 */
  --brand: "Avenir Next","Avenir","Nunito","Pretendard Variable",system-ui,sans-serif;

  /* ── Effects — brand rule: borders only, no shadows ───────── */
  --shadow:    none;
  --shadow-lg: none;
}
