:root {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-alt: #eef4fb;
  --ink: #111827;
  --ink-muted: #6b7280;
  --ink-faint: #9aa4b2;
  --border: rgba(17, 24, 39, 0.08);
  --border-strong: rgba(17, 24, 39, 0.16);

  --navy: #0b1b38;
  --accent: #1f6fff;
  --accent-deep: #0f67c4;
  --accent-tint: #e3edfd;

  --positive: #198754;
  --positive-tint: #e3f4ea;
  --warning: #b8760a;
  --warning-tint: #fbeecd;
  --danger: #dc3545;
  --danger-tint: #fbe4e6;

  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --shadow-float: 0 8px 28px rgba(15, 23, 42, 0.2);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --nav-height: 64px;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #071225;
    --surface: #101d33;
    --surface-alt: #16233c;
    --ink: #eaf2ff;
    --ink-muted: rgba(234, 242, 255, 0.72);
    --ink-faint: rgba(234, 242, 255, 0.48);
    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.16);
    --accent-tint: rgba(31, 111, 255, 0.18);
    --positive-tint: rgba(25, 135, 84, 0.2);
    --warning-tint: rgba(184, 118, 10, 0.22);
    --danger-tint: rgba(220, 53, 69, 0.2);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #071225;
  --surface: #101d33;
  --surface-alt: #16233c;
  --ink: #eaf2ff;
  --ink-muted: rgba(234, 242, 255, 0.72);
  --ink-faint: rgba(234, 242, 255, 0.48);
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);
  --accent-tint: rgba(31, 111, 255, 0.18);
  --positive-tint: rgba(25, 135, 84, 0.2);
  --warning-tint: rgba(184, 118, 10, 0.22);
  --danger-tint: rgba(220, 53, 69, 0.2);
  color-scheme: dark;
}