/* Official THIRI / Blues Prince Media Brand Tokens & Self-Hosted Fonts
   Display: Atteron (Atteron-Bold.ttf / Atteron-Regular.ttf)
   Technical Labels / Pills: Space Grotesk (SpaceGrotesk.ttf)
   Techie / Code / Monospace: JetBrains Mono (JetBrainsMono-Regular.ttf / JetBrainsMono-Bold.ttf)
   Body Copy: DM Sans (DMSans.ttf)
   Primary Ink: #0d0d12 | Champagne Gold: #c4a35a | Electric Cyan: #00e5ff | Burgundy: #b82937 */

@font-face {
  font-family: "Atteron";
  src: url("/fonts/Atteron-Regular.woff2") format("woff2"),
       url("/fonts/Atteron-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atteron";
  src: url("/fonts/Atteron-Bold.woff2") format("woff2"),
       url("/fonts/Atteron-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/SpaceGrotesk.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/fonts/DMSans.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --thiri-bg: #0d0d12;
  --thiri-surface: #15151e;
  --thiri-surface-2: #1c1c28;
  --thiri-border: #2a2a35;
  --thiri-border-lit: #3d3d4d;

  --thiri-ink: #ede9df;
  --thiri-ink-dim: #acaab2;
  --thiri-ink-mute: #7a7882;

  --thiri-gold: #c4a35a;
  --thiri-gold-light: #e2c785;
  --thiri-gold-dim: #8c7138;

  --thiri-cyan: #00e5ff;
  --thiri-cyan-deep: #00a8ff;
  --thiri-burgundy: #b82937;
  --thiri-burgundy-deep: #820d0d;

  --thiri-font-display: "Atteron", serif;
  --thiri-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --thiri-font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --thiri-font-mono: "JetBrains Mono", "Space Grotesk", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Aliases used by existing THIRI pages */
  --bg: var(--thiri-bg);
  --gold: var(--thiri-gold);
  --gold-dim: var(--thiri-gold-dim);
  --gold-light: var(--thiri-gold-light);
  --font-display: var(--thiri-font-display);
  --font-body: var(--thiri-font-body);
  --font-mono: var(--thiri-font-mono);

  --enclosure: var(--thiri-bg);
  --panel: var(--thiri-surface);
  --panel-2: var(--thiri-surface-2);
  --rule: var(--thiri-border);
  --rule-lit: var(--thiri-border-lit);
  --ink: var(--thiri-ink);
  --ink-dim: var(--thiri-ink-dim);
  --ink-mute: var(--thiri-ink-mute);
  --signal: var(--thiri-gold);
  --signal-lo: var(--thiri-gold-dim);
  --display: var(--thiri-font-display);
  --body: var(--thiri-font-body);
  --mono: var(--thiri-font-mono);
  color-scheme: dark;
}

::selection {
  background: rgba(196, 163, 90, 0.28);
  color: var(--thiri-ink);
}

:focus-visible {
  outline: 2px solid var(--thiri-cyan);
  outline-offset: 2px;
}

table, th, td, code, pre, .stat, .metric {
  font-variant-numeric: tabular-nums;
}

.brand, .nav-brand {
  font-family: var(--thiri-font-mono);
  font-weight: 600;
  font-size: .9rem;
  letter-spacing: .16em;
  color: var(--thiri-ink);
  text-decoration: none;
  white-space: nowrap;
}
.brand b, .nav-brand b { color: var(--thiri-gold); font-weight: 600 }
.brand:hover, .nav-brand:hover { color: var(--thiri-gold) }