/* Ternus Day — design tokens (single source for site, cards, charts).
   Derived from DESIGN.md; one typeface family (Inter), tabular numerals everywhere,
   three permanent identity hues, sign colours only on numerals. */

@font-face { font-family: "Inter"; font-weight: 400; font-display: block; src: url("../fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: block; src: url("../fonts/Inter-Medium.woff2") format("woff2"); }

:root {
  /* ground + ink */
  --bg: #FFFFFF;
  --ink: #111111;
  --ink-2: #4A4A4A;
  --ink-3: #6B6B6B;
  --rule: #E5E5E5;
  --rule-2: #CFCFCF;
  --tint: #EEF4FC;
  --masthead-bg: #111111;
  --masthead-ink: #FFFFFF;
  --masthead-ink-2: #BDBDBD;

  /* identity — fixed forever */
  --ternus: #378ADD;
  --cook: #0F6E56;
  --jobs: #888780;
  --ternus-text: #1F6FC2; /* ≥ 4.5:1 for small text */

  /* sign — numerals only */
  --up: #1A7F37;
  --down: #C0392B;
  --flat: #4A4A4A;

  /* type */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-caption: 13px;
  --fs-body: 17px;
  --fs-lead: 22px;
  --fs-title: 28px;
  --fs-display: 36px;
  --tracking-display: -0.035em;
  --tracking-title: -0.02em;
  --tracking-label: 0.08em;

  /* space (8-px baseline) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* radii + lines */
  --r-1: 4px; --r-2: 8px; --r-3: 12px;
  --hairline: 1px;
  --leader-line: 4px;
}

html { color-scheme: light; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.num { font-variant-numeric: tabular-nums; }
.up { color: var(--up); }
.down { color: var(--down); }
.flat { color: var(--flat); }
.label { font-size: var(--fs-caption); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--ink-3); font-weight: 500; }