/* ── Brand fonts (M9) — self-hosted variable WOFF2, CSP-safe ('self').
   Loaded here because every page loads this file. No Google Fonts dependency. */
@font-face {
  font-family: 'Syne';
  src: url('/static/fonts/syne-var.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/static/fonts/dmsans-var.woff2') format('woff2');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/static/fonts/jetbrainsmono-var.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

/* ── Midas design tokens — the ONLY place accent color hex may live ──────────
   "Midas dark": cold navy canvas, GOLD accent (brand/chrome/interactive),
   green/red reserved for money truth. Deck §3.2 + design-tokens skill.
   Every page loads this file first; page styles reference var(--md-*) and the
   legacy aliases below. Changing brand = changing this one file. */
:root {
  /* canvas */
  --md-bg-root:     #070C10;
  --md-bg-base:     #0A1018;
  --md-bg-card:     #0E1620;
  --md-bg-elevated: #162230;
  --md-text:        #E8EDF2;
  --md-text-2:      #8A97A6;
  --md-border:      rgba(255,255,255,.06);

  /* accent — gold, interactive/brand only. NEVER on gain/loss or chart data. */
  --md-gold:        #D4A537;
  --md-gold-hi:     #F2C857;
  --md-accent:      var(--md-gold);
  --md-grad-accent: linear-gradient(135deg, var(--md-gold-hi) 0%, var(--md-gold) 100%);
  --md-glow-accent: 0 0 30px rgba(212,165,55,.30);
  --md-ring-focus:  0 0 0 3px rgba(212,165,55,.35);

  /* semantic — money truth. Gold never appears here. */
  --md-gain: #2DD17C;
  --md-loss: #FF5C7A;
  --md-warn: #FFB340;
  --md-info: #00A8FF;

  /* legacy aliases — lineage pages reference these names; values are Midas now.
     New code uses --md-*; M5's responsive pass retires these aliases. */
  --teal:         var(--md-gold);
  --teal-mid:     var(--md-gold);
  --cyan:         var(--md-gold-hi);
  --accent:       var(--md-gold);
  --grad-primary: var(--md-grad-accent);
  --gain:         var(--md-gain);
  --loss:         var(--md-loss);
  --warn:         var(--md-warn);
  --info:         var(--md-info);
}
