/* Theme tokens. This is the one file that defines the app's palette.
   Everything else (base.css, table.css, inline page styles) references
   these variables rather than hardcoding colors, so a new theme is a
   drop-in replacement of this file. */

:root {
  --bg: #F7F8FA;
  --surface: #FFFFFF;
  --surface-alt: #FBFCFD;
  --border: #E1E6EA;
  --border-strong: #CBD4DA;

  --ink: #16202A;
  --ink-soft: #5B6B79;
  --ink-faint: #8C99A3;

  --accent: #1E5F74;
  --accent-dark: #123E4B;
  --accent-soft: #E7F0F2;

  --danger: #B3401F;
  --danger-bg: #FBEAE4;
  --success-bg: #E7F3EA;
  --success-ink: #276B3A;

  --overlay: rgba(16, 24, 32, 0.4);
  --toast-bg: #16202A;
  --toast-ink: #FFFFFF;

  --radius: 5px;
  --radius-lg: 8px;

  --tag-1: #1E5F74;
  --tag-2: #8A5A2E;
  --tag-3: #6B4C8A;
  --tag-4: #3E7A4E;
  --tag-5: #A34A3B;
  --tag-6: #3A5F8A;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1417;
    --surface: #171D21;
    --surface-alt: #141A1E;
    --border: #2A3339;
    --border-strong: #3A454C;

    --ink: #E7ECEF;
    --ink-soft: #94A3AD;
    --ink-faint: #66747C;

    --accent: #4FA3BE;
    --accent-dark: #6FBBD3;
    --accent-soft: #1B333A;

    --danger: #E88769;
    --danger-bg: #2E1913;
    --success-bg: #16281B;
    --success-ink: #7FC493;

    --overlay: rgba(0, 0, 0, 0.55);
    --toast-bg: #E7ECEF;
    --toast-ink: #0F1417;
  }
}

:root[data-theme="dark"] {
  --bg: #0F1417;
  --surface: #171D21;
  --surface-alt: #141A1E;
  --border: #2A3339;
  --border-strong: #3A454C;

  --ink: #E7ECEF;
  --ink-soft: #94A3AD;
  --ink-faint: #66747C;

  --accent: #4FA3BE;
  --accent-dark: #6FBBD3;
  --accent-soft: #1B333A;

  --danger: #E88769;
  --danger-bg: #2E1913;
  --success-bg: #16281B;
  --success-ink: #7FC493;

  --overlay: rgba(0, 0, 0, 0.55);
  --toast-bg: #E7ECEF;
  --toast-ink: #0F1417;
}