/* ──────────────────────────────────────────────────────────────
   Autocode Tokens — CSS Variables + Fonts + Base Resets
   Copy this file to a project and link it to get Autocode look.
   ────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'NoeDisplay';
  src: url('fonts/NoeDisplay-Bold.otf') format('opentype');
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Thicccboi';
  src: url('fonts/THICCCBOI-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Thicccboi';
  src: url('fonts/THICCCBOI-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Thicccboi';
  src: url('fonts/THICCCBOI-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* Metric-matchede fallback-fonts (Fontaine-metoden): fallback'en fylder præcis
   det samme som web-fonten, så der er NUL reflow/hop når web-fonten swapper ind.
   Værdier udregnet fra font-filernes egne metrics mod Georgia/Arial. */
@font-face {
  font-family: 'NoeDisplay-fallback';
  src: local('Georgia'), local('Times New Roman');
  size-adjust: 115.9%;
  ascent-override: 64.8%;
  descent-override: 21.5%;
  line-gap-override: 33.1%;
}
@font-face {
  font-family: 'Thicccboi-fallback';
  src: local('Arial'), local('Helvetica Neue');
  size-adjust: 125.3%;
  ascent-override: 63.9%;
  descent-override: 16.0%;
  line-gap-override: 12.2%;
}

:root {
  --bg: #1a3a3f;
  --surface: #213f44;
  --surface-alt: #1e3539;
  --border: rgba(49, 191, 228, 0.15);
  --border-strong: rgba(49, 191, 228, 0.30);
  --text: #e8e2d6;
  --text-dim: #8a9e9e;
  --accent: #31bfe4;
  --accent-hover: #28a0c0;
  --red: #e05252;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Thicccboi', 'Thicccboi-fallback', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: 'NoeDisplay', 'NoeDisplay-fallback', Georgia, serif;
  font-weight: bold;
}