/* Freelog design tokens — dark is default, light via prefers-color-scheme or [data-theme] */
:root {
  --bg: #0F1417;
  --surface: #161C21;
  --surface-2: #1E262C;
  --border: #2A343B;
  --text: #E8EDF0;
  --text-dim: #9AA8B2;
  --accent: #E8842B;
  --accent-ink: #1A1005;
  --positive: #3FB27F;
  --warn: #E0A32E;
  --danger: #E0544E;
  --radius: 10px;
  --tap: 44px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --shadow: 0 2px 12px rgba(0,0,0,0.35);
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F7F8F9;
    --surface: #FFFFFF;
    --surface-2: #EEF1F3;
    --border: #D9DFE3;
    --text: #12181C;
    --text-dim: #5A6772;
    --shadow: 0 2px 12px rgba(20,30,35,0.10);
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --bg: #F7F8F9;
  --surface: #FFFFFF;
  --surface-2: #EEF1F3;
  --border: #D9DFE3;
  --text: #12181C;
  --text-dim: #5A6772;
  --shadow: 0 2px 12px rgba(20,30,35,0.10);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0F1417;
  --surface: #161C21;
  --surface-2: #1E262C;
  --border: #2A343B;
  --text: #E8EDF0;
  --text-dim: #9AA8B2;
  --shadow: 0 2px 12px rgba(0,0,0,0.35);
  color-scheme: dark;
}