@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap");

:root {
  --bg: #0B0A08; --bg-2: #12100C; --surface: #17140F; --surface-2: #1F1B14;
  --text: #F3EEE3; --text-dim: #A79F8E; --text-faint: #6F685B;
  --border: #2C2619; --border-strong: #463B23;
  --brand: #D4A93F; --brand-hi: #F7DE8A; --brand-lo: #A57A22; --on-brand: #120F08;
  --good: #4CC98C; --good-bg: rgba(76,201,140,.12);
  --danger: #F07474; --bad-bg: rgba(240,116,116,.12);
  --warn: #E3A93C; --warn-bg: rgba(227,169,60,.12);
  --radius: 12px;
  --display: "Fraunces", Georgia, serif;
  --sans: "Manrope", "Segoe UI", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  color-scheme: dark;
}
body { background: var(--bg); color: var(--text); font-family: var(--sans); }