/* Lexicon theme tokens. Everything visual that the Local Hub style kit decides lives here,
   so applying the kit = replacing this file (layout in style.css only reads these variables). */
:root {
  color-scheme: light dark;
  --bg: #F3F1EE; --surface: #FFFFFF; --surface-2: #FAF9F7; --text: #1A1A1A; --muted: #55534F; --dim: #6F6C66; --faint: #8F8C85;
  --border: #E3E0DB; --line: #ECE9E4; --fill: #F5F3F0; --fill-press: #ECE9E4;
  --accent: #3A4BCB; --accent-soft: #E8EAFB; --on-accent: #FFFFFF;
  --good: #17784A; --good-soft: #E2F3EA; --warn: #9A5B00; --warn-soft: #FBEFDC; --bad: #A02A2A; --bad-soft: #FBE3E3;
  --star: #C98A00;
  --bar: rgba(243, 241, 238, .78);
  --float: 0 24px 60px -24px rgba(0,0,0,.22), 0 0 0 1px rgba(32,32,32,.05);
  --card-shadow: 0 1px 2px rgba(0,0,0,.04), 0 0 0 1px rgba(32,32,32,.05);
  --font: 'Inter', system-ui, -apple-system, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  --serif: 'New York', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --mono: ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;
  --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-pill: 999px;
  --blur: saturate(180%) blur(20px);
  --spring: cubic-bezier(.32, .72, 0, 1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0C0C0C; --surface: #1C1C1C; --surface-2: #222220; --text: #F3F2EF; --muted: #C2BFB8; --dim: #A19E96; --faint: #7F7C75;
    --border: #3B3A37; --line: #2E2D2A; --fill: #262624; --fill-press: #31302D;
    --accent: #9AA7FF; --accent-soft: #1F2447; --on-accent: #0C0C0C;
    --good: #5FCF95; --good-soft: #15291F; --warn: #F0B45C; --warn-soft: #33270F; --bad: #FF8A8A; --bad-soft: #3A1717;
    --star: #F0B45C;
    --bar: rgba(12, 12, 12, .72);
    --card-shadow: 0 0 0 1px rgba(255,255,255,.06);
  }
}
:root[data-theme="dark"] {
  --bg: #0C0C0C; --surface: #1C1C1C; --surface-2: #222220; --text: #F3F2EF; --muted: #C2BFB8; --dim: #A19E96; --faint: #7F7C75;
  --border: #3B3A37; --line: #2E2D2A; --fill: #262624; --fill-press: #31302D;
  --accent: #9AA7FF; --accent-soft: #1F2447; --on-accent: #0C0C0C;
  --good: #5FCF95; --good-soft: #15291F; --warn: #F0B45C; --warn-soft: #33270F; --bad: #FF8A8A; --bad-soft: #3A1717;
  --star: #F0B45C;
  --bar: rgba(12, 12, 12, .72);
  --card-shadow: 0 0 0 1px rgba(255,255,255,.06);
}