@font-face { font-family: "Inter"; font-weight: 400; font-display: block; src: url(fonts/inter-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: block; src: url(fonts/inter-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: block; src: url(fonts/inter-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: block; src: url(fonts/inter-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 800; font-display: block; src: url(fonts/inter-latin-800-normal.woff2) format("woff2"); }

:root {
  --black: #000;
  --white: #f5f5f7;
  --grey-1: #a1a1a6;
  --grey-2: #6e6e73;
  --glass: rgba(255, 255, 255, .07);
  --glass-hi: rgba(255, 255, 255, .13);
  --glass-line: rgba(255, 255, 255, .14);
  --gold: #f5d18b;
  --red: #ff453a;
  --green: #30d158;
  --blue: #0a84ff;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
  /* Keynote-Verlauf: Gold → Rosé → Rot, weihnachtlich ohne Kitsch */
  --grad: linear-gradient(100deg, #ffe7b0 0%, #f5c26b 28%, #ff8a6b 58%, #ff4d6d 82%, #d6336c 100%);
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--black); color: var(--white); font-family: var(--font); -webkit-font-smoothing: antialiased; font-feature-settings: "tnum" 0, "cv11" 1; }
button { font: inherit; color: inherit; cursor: pointer; }
input { font: inherit; }
[hidden] { display: none !important; }

.grad-text { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tnum { font-variant-numeric: tabular-nums; }