:root {
  --color-bg: #0c0f15; --color-surface: #141922; --color-text: #e6e9ef;
  --color-accent: #6a9fe8; --color-accent-2: #6a9fe8;
  --color-divider: color-mix(in srgb, #e6e9ef 12%, transparent);
  --color-accent-100: #eef5ff; --color-accent-200: #d8e7fd; --color-accent-300: #b6d3fa; --color-accent-400: #8fbaf4; --color-accent-500: #6a9fe8; --color-accent-600: #4f82c8; --color-accent-700: #3b649c; --color-accent-800: #2a4870; --color-accent-900: #1b2c43;
  --color-neutral-700: #545a66; --color-neutral-800: #3a3f48; --color-neutral-900: #22262d;
}
body { background: var(--color-bg); margin: 0; }
h1, h2, h3 { font-family: "Schibsted Grotesk", var(--font-heading); font-weight: 500; }
.display { font-family: "Schibsted Grotesk", var(--font-heading); }
.tnum { font-variant-numeric: tabular-nums; }
a { color: var(--color-accent-300); }
a:hover { color: var(--color-accent-200); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }