@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@800&display=swap');

:root, [data-theme="dark"] {
  --bg:#101014; --surface:#17171c; --surface-2:#1e1e25; --raised:#23232b;
  --border:#2a2a33; --border-strong:#3a3a46;
  --text:#f4f3f0; --muted:#a7a7b2; --faint:#6b6b76;
  --gold:#c8962a; --gold-soft:#cdb079; --success:#4ccb98; --danger:#e0563f; --warn:#d9a441;
  --info:#7aa2c8;
  --radius-sm:3px; --radius-md:4px; --radius-lg:5px;
}
[data-theme="light"] {
  --bg:#f6f5f2; --surface:#ffffff; --surface-2:#f0eee9; --raised:#ffffff;
  --border:#e4e1da; --border-strong:#d2cec5;
  --text:#16151a; --muted:#5d5b63; --faint:#8a8790;
  --gold:#a87a18; --gold-soft:#8a6418; --success:#1f9d6e; --danger:#c23b22; --warn:#a9781f;
  --info:#3d6b8c;
}
html, body, #app { height:100%; }
body { background:var(--bg); color:var(--text); font-family:Inter, system-ui, sans-serif; margin:0; }
.num { font-variant-numeric: tabular-nums; }
a { color:inherit; text-decoration:none; }

:root {
  --topbar-height-mobile: 48px;
  --tabbar-height-mobile: 56px;
}