/* Generated from src/_data/theme.json – edit colors there. */
:root {
  --bg: #FAF5EC;
  --text: #2A2330;
  --text-muted: #6B6274;
  --surface: #FFFDF8;
  --surface-text: #3A3340;
  --surface-muted: #7A7284;
  --photo-bg: #EFE9E0;
  --note-yellow: #FFF1A8;
  --note-pink: #FFDCEA;
  --note-blue: #DAEBFF;
  --note-green: #DCF5E2;
  --note-purple: #EADFFF;
  --note-text: #2A2330;
  --chip-red: #FFC9C9;
  --chip-orange: #FFDCB8;
  --chip-yellow: #FFEFA8;
  --chip-green: #C9F2D6;
  --chip-blue: #C9E5FF;
  --chip-purple: #E1D3FF;
  --chip-pink: #FFD3E8;
  --chip-default: #FFE7A3;
  --chip-text: #2A2330;
  --chip-edge: #FFFFFF;
  --chip-badge: #2A2330;
  --chip-badge-text: #FFFFFF;
  --accent-red: #FF5E5E;
  --accent-orange: #FF9A3C;
  --accent-yellow: #F9C623;
  --accent-green: #3FC176;
  --accent-blue: #3EA6F5;
  --accent-purple: #9A6BF2;
  --accent-pink: #FF6FB7;
  --on-accent: #2A2330;
  --button-outline: #2A2330;
  --cord-line: #6B6274;
  --cord-knob: #F9C623;
  --label-bg: rgba(255, 253, 248, .92);
  --label-text: #2A2330;
  --tape-stripe: rgba(255, 255, 255, .42);
  --bead-shade: rgba(0, 0, 0, .15);
  --shadow: rgba(70, 45, 90, .18);
  --shadow-soft: rgba(70, 45, 90, .10);
  --focus: #2A2330;
  --header-bg: rgba(250, 245, 236, .88);
  --line: rgba(42, 35, 48, .14);
  --map-paper: #F4EEE2;
  --map-street: #FFFFFF;
  --map-street-edge: #D9CFC0;
  --map-block: #E7DFD0;
  --map-park: #CFEBD5;
  --map-ink: #4A4152;
  --backdrop: rgba(42, 35, 48, .45);
  --noise-opacity: 0.5;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #2F2B3B;
    --text: #F5EFE6;
    --text-muted: #C9C0D6;
    --surface: #F6F0E7;
    --photo-bg: #3B3649;
    --note-yellow: #F4E4A6;
    --note-pink: #F3CEDD;
    --note-blue: #CCDFF3;
    --note-green: #CDEAD5;
    --note-purple: #DCD0F2;
    --chip-edge: #F6F0E7;
    --cord-line: #C9C0D6;
    --cord-knob: #FF6FB7;
    --focus: #F9C623;
    --shadow: rgba(12, 8, 22, .42);
    --shadow-soft: rgba(12, 8, 22, .26);
    --header-bg: rgba(47, 43, 59, .88);
    --line: rgba(245, 239, 230, .16);
    --backdrop: rgba(12, 8, 22, .62);
    --noise-opacity: 0.3;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #2F2B3B;
  --text: #F5EFE6;
  --text-muted: #C9C0D6;
  --surface: #F6F0E7;
  --photo-bg: #3B3649;
  --note-yellow: #F4E4A6;
  --note-pink: #F3CEDD;
  --note-blue: #CCDFF3;
  --note-green: #CDEAD5;
  --note-purple: #DCD0F2;
  --chip-edge: #F6F0E7;
  --cord-line: #C9C0D6;
  --cord-knob: #FF6FB7;
  --focus: #F9C623;
  --shadow: rgba(12, 8, 22, .42);
  --shadow-soft: rgba(12, 8, 22, .26);
  --header-bg: rgba(47, 43, 59, .88);
  --line: rgba(245, 239, 230, .16);
  --backdrop: rgba(12, 8, 22, .62);
  --noise-opacity: 0.3;
  color-scheme: dark;
}