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

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-600-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-700-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/barlow-condensed-800-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --page: #000000;
  --surface: #121212;
  --surface-2: #1c1c1c;
  --text: #ffffff;
  --text-2: #c7c7c7;
  --warn: #ffb547;
  --info: #7db8ff;
  --brand-black: #000000;
  --brand-lime: #c5e017;
  --brand-white: #ffffff;
  --surface-page: var(--page);
  --surface-card: var(--surface);
  --surface-subtle: var(--surface-2);
  --text-strong: var(--text);
  --text-muted: var(--text-2);
  --border: #333333;
  --danger: #ff6b5e;
  --warning: var(--warn);
  --font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", var(--font-ui);
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: clamp(2rem, 6vw, 3rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 20px 60px rgba(0, 0, 0, 0.16);
  --black: var(--brand-black);
  --paper: var(--surface-page);
  --panel: var(--surface-card);
  --banner: var(--brand-black);
  --ink: var(--text-strong);
  --muted: var(--text-muted);
  --lime: var(--brand-lime);
  --lime-dark: #ffffff;
  --gold: var(--warn);
  --green: #ffffff;
  --green-2: #ffffff;
  --pale: var(--surface-2);
  --line: #333333;
  --white: var(--brand-white);
  --red: var(--danger);
  --orange: var(--warn);
  --amber: var(--warn);
  --nav-idle: var(--text-2);
  --radius: var(--radius-md);
  --admin-bg: var(--page);
  --admin-ink: var(--text);
  --admin-panel: var(--surface);
  --admin-lime: var(--text);
  font-family: var(--font-ui);
}

@media (prefers-contrast: more) {
  :root {
    --page: #000000;
    --surface-page: #000000;
    --surface: #000000;
    --surface-card: #000000;
    --surface-subtle: #000000;
    --text: #ffffff;
    --text-2: #ffffff;
    --text-strong: #ffffff;
    --text-muted: #ffffff;
    --border: #ffffff;
    --line: #ffffff;
    --shadow-card: none;
    --shadow-raised: none;
  }
}

@media (forced-colors: active) {
  :root { forced-color-adjust: auto; }
}