/* aedtoinr.online design tokens (M5, docs/09 §3).
 * Single source: the Flutter tokens in app/lib/core/theme/tokens.dart —
 * keep both in sync. Dark/light like the app: system by default, manual
 * override via <html data-theme> (localStorage, see app.js). */

:root {
  --bg-base: #F5F7FA;
  --bg-bottom: #E9EEF4;
  --card: #FFFFFF;
  --card-stroke: #E4E9F0;
  --card-sticker: #EEF2F7;
  --accent: #0FA983;
  --accent-strong: #0B9A73;
  --accent-tint: #E8F7F1;
  --accent-on: #FFFFFF;
  --text-primary: #0F1D2E;
  --text-secondary: #5B6B7E;
  --positive: #16A34A;
  --negative: #DC2626;
  --promo-bg: #FFF4DE;
  --promo: #D97706;
  --promo-text: #B45309;
  --border-strong: rgba(15, 29, 46, 0.22);
  --radius-card: 24px;
  --radius-tile: 20px;
  --radius-button: 16px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] {
    --border-strong: rgba(255, 255, 255, 0.28);
    --bg-base: #0D1420;
    --bg-bottom: #16202E;
    --card: #1A2532;
    --card-stroke: #263349;
    --card-sticker: #2A3B52;
    --accent: #2DD4A8;
    --accent-strong: #22B892;
    --accent-tint: #1F2E31;
    --accent-on: #04150F;
    --text-primary: #FFFFFF;
    --text-secondary: #8A94A6;
    --positive: #4ADE80;
    --negative: #F87171;
    --promo-bg: #2A2E1D;
    --promo: #F5A623;
    --promo-text: #FFC65C;
  }
}

html[data-theme="dark"] {
  --border-strong: rgba(255, 255, 255, 0.28);
  --bg-base: #0D1420;
  --bg-bottom: #16202E;
  --card: #1A2532;
  --card-stroke: #263349;
  --card-sticker: #2A3B52;
  --accent: #2DD4A8;
  --accent-strong: #22B892;
  --accent-tint: #1F2E31;
  --accent-on: #04150F;
  --text-primary: #FFFFFF;
  --text-secondary: #8A94A6;
  --positive: #4ADE80;
  --negative: #F87171;
  --promo-bg: #2A2E1D;
  --promo: #F5A623;
  --promo-text: #FFC65C;
}