/* Design tokens — declared once, used everywhere. Light on :root; dark under data-theme="dark"
   (public/js/theme.js resolves "auto" from the phone's setting). */

:root {
  --rh-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
  --rh-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --rh-space-1: 4px;
  --rh-space-2: 8px;
  --rh-space-3: 12px;
  --rh-space-4: 16px;
  --rh-space-5: 24px;
  --rh-space-6: 32px;

  --rh-radius-s: 10px;
  --rh-radius-m: 14px;
  --rh-radius-l: 18px;
  --rh-radius-pill: 999px;

  --rh-text-xs: 13px;
  --rh-text-s: 15px;
  --rh-text-m: 17px;
  --rh-text-l: 22px;
  --rh-text-xl: 34px;

  --rh-tap: 44px;
  --rh-row: 56px;
  --rh-max-width: 680px;
  --rh-tabbar-h: 58px;

  --rh-color-bg: #f2f3f7;
  --rh-color-surface: #ffffff;
  --rh-color-surface-2: #f6f7fa;
  --rh-color-fill: #e7eaf0;
  --rh-color-text: #111827;
  --rh-color-muted: #6b7280;
  --rh-color-border: rgba(60, 60, 67, 0.16);
  --rh-color-chevron: #c4c7cf;
  --rh-color-primary: #16365f;
  --rh-color-primary-ink: #ffffff;
  --rh-color-link: #1f5fa8;
  --rh-color-accent: #d9364e;
  --rh-color-accent-ink: #ffffff;
  --rh-color-bar: rgba(249, 249, 251, 0.86);

  --rh-color-ok: #1f7a52;
  --rh-color-ok-bg: #e3f4ec;
  --rh-color-wait: #1f5fa8;
  --rh-color-wait-bg: #e5eefa;
  --rh-color-act: #9a5b00;
  --rh-color-act-bg: #fdf1dc;
  --rh-color-alert: #b42335;
  --rh-color-alert-bg: #fde7ea;

  --rh-avatar-0: #3f6db3;
  --rh-avatar-1: #b0527a;
  --rh-avatar-2: #2f8f6b;
  --rh-avatar-3: #c27a1d;
  --rh-avatar-4: #6b4fb3;
  --rh-avatar-5: #1f8a9a;

  --rh-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  --rh-shadow-float: 0 8px 20px rgba(217, 54, 78, 0.35);
}

[data-theme="dark"] {
  --rh-color-bg: #000000;
  --rh-color-surface: #1c1c1e;
  --rh-color-surface-2: #2c2c2e;
  --rh-color-fill: #2c2c2e;
  --rh-color-text: #f2f2f7;
  --rh-color-muted: #98989f;
  --rh-color-border: rgba(84, 84, 88, 0.6);
  --rh-color-chevron: #5a5a5f;
  --rh-color-primary: #4f8fe0;
  --rh-color-primary-ink: #0b1220;
  --rh-color-link: #6ea8ff;
  --rh-color-accent: #ff4d64;
  --rh-color-bar: rgba(22, 22, 24, 0.86);
  --rh-color-ok: #5fd39a;
  --rh-color-ok-bg: #12301f;
  --rh-color-wait: #7fb0ff;
  --rh-color-wait-bg: #15263f;
  --rh-color-act: #f2b85c;
  --rh-color-act-bg: #33260f;
  --rh-color-alert: #ff8193;
  --rh-color-alert-bg: #3a1820;
  --rh-shadow: none;
  color-scheme: dark;
}