/* tokens.css — the ONE design system for stratoslaser.local.
   Canonical source of every shared token; store.css / styles.css / builder.css
   consume these and add only page-local values (column widths, legacy aliases).
   Loaded FIRST on every page. */

@font-face { font-family: "D-DIN"; src: url("/fonts/D-DIN.e58c68e58b09fc0e.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "D-DIN"; src: url("/fonts/D-DIN-Bold.9a5ce67e997fd030.woff2") format("woff2"); font-weight: 700; font-display: swap; }
/* woff2 = the same glyphs losslessly repackaged (40 KB vs the 85 KB TTF,
   loading pass 2026-09-03); the TTF stays on disk unused as the source */
@font-face { font-family: "Roboto Mono"; src: url("/fonts/RobotoMono.e091384d482053f9.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  /* surfaces — near-black, minimally layered */
  --bg: #060708; --panel: #0b0c0e; --panel-2: #121316; --panel-3: #191b1f;
  /* hairlines — neutral, three weights */
  --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.12); --line-3: rgba(255,255,255,.20);
  /* text — white to dim gray */
  --fg: #f3f4f5; --fg-2: #969aa2; --fg-3: #565b63;
  /* the one accent — laser blue (nudged bluer 2026-08-24), used sparingly on functional cues */
  --accent: #7fa0cc; --accent-soft: rgba(127,160,204,.10); --accent-line: rgba(127,160,204,.42);
  /* soft halo for the laser feel — pair with text-shadow / box-shadow, keep subtle */
  --accent-glow: rgba(127,160,204,.32);
  /* status hues */
  --ok: #3fbf6a; --warn: #d8b06a; --err: #cf7f7f;

  /* type + system */
  --font: "D-DIN","Helvetica Neue",Arial,"Segoe UI",sans-serif;
  --mono: "Roboto Mono",ui-monospace,monospace;
  --nav-h: 64px;
  --r: 3px; --r-sm: 3px; --r-xs: 2px;
  --ease: cubic-bezier(.4,0,.2,1); --dur: .16s;
}