/* Elyne design tokens. Dark is the house look and the default for everyone; light only when the header toggle is used. */
@font-face { font-family: "Inter"; src: url("../fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-600-italic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plexmono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plexmono-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --bg: #070b16;
  --bg-2: #0b1020;
  --surface: #0f1526;
  --raised: #161d35;
  --line: rgba(150, 170, 255, 0.10);
  --line-strong: rgba(150, 170, 255, 0.20);
  --text: #e8ecf8;
  --muted: #8e98b4;
  --faint: #5c6683;
  --accent: #2dd4b6;
  --accent-ink: #04231f;
  --accent-soft: rgba(45, 212, 182, 0.12);
  --mint: #5eead4;
  --gold: #e3bd6e;
  --gold-soft: rgba(227, 189, 110, 0.14);
  --up: #3ddc97;
  --down: #f4647e;
  --warn: #ffc26b;
  --sol: #9b8cff;
  --ely: #e3bd6e;
  --hl: #4fd6ba;
  --shadow: 0 14px 36px rgba(2, 4, 12, 0.5);
  --radius: 10px;
  --radius-sm: 6px;
  --gutter: 20px;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f2f5fb;
  --bg-2: #e8edf7;
  --surface: #ffffff;
  --raised: #f1f4fa;
  --line: rgba(20, 32, 70, 0.10);
  --line-strong: rgba(20, 32, 70, 0.20);
  --text: #0c1226;
  --muted: #55607e;
  --faint: #8993ae;
  --accent: #0a9a82;
  --accent-ink: #ffffff;
  --accent-soft: rgba(10, 154, 130, 0.09);
  --mint: #0a9a82;
  --gold: #a8741a;
  --gold-soft: rgba(168, 116, 26, 0.1);
  --up: #0f9d62;
  --down: #d3324e;
  --warn: #b8730c;
  --ely: #a8741a;
  --hl: #0a9a82;
  --shadow: 0 10px 30px rgba(20, 32, 70, 0.09);
  color-scheme: light;
}