/* Shared design tokens for every page and module (docs/DESIGN.md). Load before all other stylesheets. */

/* The wordmark: an Inter 600 subset holding only F R E D f r e d and the full stop (1.7KB), so `Fred.` looks the same on every device. */
@font-face{font-family:"Fred Wordmark";src:url("./fonts/inter-600-wordmark.woff2") format("woff2");font-weight:100 900;font-display:block}

:root{
  /* Type: three voices only. */
  --font-wordmark:"Fred Wordmark","Inter","Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; /* device labels, readouts, numbers */
  --font-ui:"PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; /* Chinese interface text */
  --font-literary:"Didot","Bodoni 72","Songti SC","STSong","Noto Serif SC",Georgia,serif; /* titles and lines worth reading slowly: Didot for Latin, Songti for Chinese */
}

/* Materials: three matte plastics (one family, told apart by value, not hue), the LCD glass, and paper.
   Each object keeps its own functional light on top: amber lamps, green LCD, yellow flaps. The one brick-red is --accent. */
:root{
  --shell-warm-hi:#f8f5ec;--shell-warm:#efebdf;--shell-warm-lo:#e3dfd1;   /* Life List panel */
  --shell-sage-hi:#dfe2dc;--shell-sage:#c1c7b9;--shell-sage-lo:#d6dacf;   /* optical drive */
  --shell-stone-hi:#e2dfd5;--shell-stone:#cbc7ba;--shell-stone-lo:#b9b5a7; /* boarding-gate reader */
  --shell-edge:#aba797;--glass:#2f332f;--glass-hi:#3a3f37;--paper-card:#f5f1e5;
}

.wordmark,.hub-entrance strong{font-family:var(--font-wordmark);font-weight:600}