:root {
  color-scheme: dark;

  --bg: #0B1120;
  --surface: #161E2E;
  --surface-2: #1F2939;
  --surface-3: #2A3548;
  --border: #263043;
  --text: #F2F5FA;
  --text-2: #8A94A6;
  --text-3: #5D677A;
  --accent: #2F8CFF;
  --accent-press: #1F74E0;
  --accent-soft: rgba(47, 140, 255, 0.14);
  --danger: #E5383B;
  --danger-soft: rgba(229, 56, 59, 0.14);
  --success: #34C759;
  --warning: #F5A524;
  --overlay: rgba(3, 6, 14, 0.6);

  --tag-blue: #2F8CFF;
  --tag-gray: #9AA3B2;
  --tag-green: #4F8A5B;
  --tag-olive: #6B8F4E;
  --tag-orange: #F5A524;
  --tag-purple: #8B4FD6;
  --tag-pink: #F0506E;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --fs-display: 28px;
  --fs-title: 20px;
  --fs-section: 17px;
  --fs-body: 16px;
  --fs-caption: 13px;
  --fs-tiny: 11px;

  --r-card: 14px;
  --r-thumb: 12px;
  --r-chip: 12px;
  --r-sheet: 20px;

  --gutter: 16px;
  --app-width: 430px;
  --tabbar-h: 64px;
  --appbar-h: 56px;
  --btn-h: 52px;
  --field-h: 48px;
  --fab: 56px;

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

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 250ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}