/* Athene — generated from tokens.json */

:root, [data-theme="light"] {
  --surface-0: #f3f4f4;
  --surface-1: #ffffff;
  --surface-2: #e7e9ea;
  --line: #d3d7d9;
  --line-strong: #868d93;
  --ink: #0b0b0c;
  --ink-muted: #4b5157;
  --ink-subtle: #5f666d;
  --stroke: #0b0b0c;
  --stroke-hover: #2a2c2f;
  --on-stroke: #f4f0f1;
  --iris: #b01613;
  --iris-soft: #f8e3e1;
  --selection: rgba(176, 22, 19, 0.22);
  --on-iris: #ffffff;
  --pupil: #000000;
  --focus-ring: var(--iris);
  --support: #1d5fae;
  --support-soft: #e2ecf8;
  --attack: #b04a00;
  --attack-soft: #fbe8da;
  --positive: #0f6f68;
  --negative: #b42318;
  --warning: #8a5a00;
  --warning-soft: #fbefd3;
  --scrim: rgba(11, 11, 12, 0.40);
  --shadow-1: 0 1px 2px rgba(11, 11, 12, 0.06), 0 1px 1px rgba(11, 11, 12, 0.04);
  --shadow-2: 0 8px 24px rgba(11, 11, 12, 0.12), 0 2px 6px rgba(11, 11, 12, 0.08);
}

[data-theme="dark"] {
  --surface-0: #0e0f10;
  --surface-1: #17191b;
  --surface-2: #212427;
  --line: #2b2f33;
  --line-strong: #5f666d;
  --ink: #f4f0f1;
  --ink-muted: #bdb8ba;
  --ink-subtle: #9a9597;
  --stroke: #feb60a;
  --stroke-hover: #ffc53d;
  --on-stroke: #0e0f10;
  --iris: #0bdf35;
  --iris-soft: #0f2e18;
  --selection: rgba(11, 223, 53, 0.28);
  --on-iris: #0e0f10;
  --pupil: #feb60a;
  --focus-ring: var(--iris);
  --support: #6fa8ff;
  --support-soft: #14243b;
  --attack: #ff7d5c;
  --attack-soft: #3a1c14;
  --positive: #2fd3c0;
  --negative: #ff6b5e;
  --warning: #ffd76a;
  --warning-soft: #33290f;
  --scrim: rgba(0, 0, 0, 0.60);
  --shadow-1: 0 0 0 1px rgba(244, 240, 241, 0.06);
  --shadow-2: 0 12px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(244, 240, 241, 0.08);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-full: 999px;
  --border-1: 1px;
  --border-2: 2px;
  --measure-claim: 68ch;
  --measure-prose: 72ch;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-layout: 200ms;
  --easing-standard: ease;
  --font-title: "Libre Franklin", "Athene Symbols", "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
  --font-ui: "Libre Franklin", "Athene Symbols", "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
  --font-reading: "Libre Baskerville", "Athene Symbols", Baskerville, "Baskerville Old Face", Georgia, serif;
  --font-mono: "Syne Mono", "Athene Symbols", Consolas, "Courier New", monospace;
}

.wordmark { font-family: var(--font-title); font-size: 40px; line-height: 44px; font-weight: 800; letter-spacing: -0.03em; }
.display { font-family: var(--font-title); font-size: 36px; line-height: 44px; font-weight: 800; letter-spacing: -0.02em; }
.heading { font-family: var(--font-title); font-size: 22px; line-height: 28px; font-weight: 800; letter-spacing: -0.02em; }
.title { font-family: var(--font-title); font-size: 18px; line-height: 24px; font-weight: 800; letter-spacing: -0.02em; }
.body { font-family: var(--font-ui); font-size: 15px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-ui); font-size: 15px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-ui); font-size: 13px; line-height: 20px; font-weight: 400; }
.button { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.claim { font-family: var(--font-reading); font-size: 17px; line-height: 28px; font-weight: 400; }
.claim-quote { font-family: var(--font-reading); font-size: 17px; line-height: 28px; font-weight: 400; font-style: italic; }
.prose { font-family: var(--font-reading); font-size: 16px; line-height: 28px; font-weight: 400; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; letter-spacing: 0.12em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.figure { font-family: var(--font-mono); font-size: 15px; line-height: 24px; font-weight: 400; }

@font-face { font-family: "Libre Franklin"; src: url("fonts/LibreFranklin-400-800-latin.bc34823f42d5.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Libre Baskerville"; src: url("fonts/LibreBaskerville-400-700-latin.9e3a6b8702fd.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Libre Baskerville"; src: url("fonts/LibreBaskerville-italic-400-700-latin.6c0003cd007c.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Syne Mono"; src: url("fonts/SyneMono-400-latin.55fa8dca2f04.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }