/* Токены концепции Trip Hub (flowa_ui_concept.html). */
:root {
  --bg: #F6F4EF;
  --surface: #fff;
  --ink: #2D3142;
  --muted: #5A6072;
  --line: #E3E0D8;
  --accent: #1F6F8B;
  --on-accent: #fff;
  --hl: #EF8354;
  --ember: #EF8354;
  --deep: #B8431A;
  --ember-deep: var(--deep);
  --lake: #1F6F8B;
  --ok: #2E7D5B;
  --warn: #9A5B00;
  --soft: #EEF4F6;
  --s0: #475569;
  --s1: #2B6CB0;
  --s2: #4C51BF;
  --s3: #A33D78;
  --s4: #0F766E;
  --s5: #6B46C1;
  --s6: #475569;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #151823;
    --surface: #1E2232;
    --ink: #E9EBF3;
    --muted: #A6ACC0;
    --line: #2B3042;
    --accent: #6CC0DA;
    --on-accent: #0F1C24;
    --ok: #6FC59A;
    --warn: #F2B84B;
    --deep: #F2A07E;
    --soft: #232B3D;
    --s0: #A6ACC0;
    --s1: #7FB2EA;
    --s2: #A3A8F0;
    --s3: #C45A9A;
    --s4: #5FD0C4;
    --s5: #B79CF2;
    --s6: #A6ACC0;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #151823;
  --surface: #1E2232;
  --ink: #E9EBF3;
  --muted: #A6ACC0;
  --line: #2B3042;
  --accent: #6CC0DA;
  --on-accent: #0F1C24;
  --ok: #6FC59A;
  --warn: #F2B84B;
  --deep: #F2A07E;
  --soft: #232B3D;
  --s0: #A6ACC0;
  --s1: #7FB2EA;
  --s2: #A3A8F0;
  --s3: #C45A9A;
  --s4: #5FD0C4;
  --s5: #B79CF2;
  --s6: #A6ACC0;
  color-scheme: dark;
}

:root[data-theme="light"] {
  color-scheme: light;
}