/* Transport v2 — design tokens (light + dark, Inter) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', monospace;

  --accent: #0f9d6e;
  --accent-hover: #0b8059;
  --accent-soft: #d1fae5;
  --accent-muted: rgba(15, 157, 110, 0.12);
  --accent-glow: var(--accent-muted);
  --accent-hot: var(--accent);

  --warn: #d97706;
  --warn-bg: #fef3c7;
  --err: #dc2626;
  --err-bg: #fee2e2;
  --ok: #059669;
  --ok-bg: #d1fae5;
  --info: #2563eb;
  --info-bg: #dbeafe;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --r: var(--radius);
  --r2: var(--radius-lg);

  --tap: 48px;
  --tab-h: 56px;
  --header-h: 56px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.1);
  --shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.2s;

  /* Legacy aliases used in app.css */
  --bg-card: var(--bg-elev);
  --text-mute: var(--text-muted);
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6f9;
  --bg-elev: #ffffff;
  --bg-muted: #eef1f6;
  --bg-inset: #e8ecf2;
  --border: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);
  --text: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --header-bg: rgba(255, 255, 255, 0.92);
  --tab-bg: rgba(255, 255, 255, 0.96);
  --sheet-bg: #ffffff;
  --overlay: rgba(15, 23, 42, 0.4);
  --gradient-hero: linear-gradient(135deg, rgba(15, 157, 110, 0.08) 0%, transparent 55%);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1120;
  --bg-elev: #111827;
  --bg-muted: #1a2332;
  --bg-inset: #0f172a;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --text: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --header-bg: rgba(11, 17, 32, 0.92);
  --tab-bg: rgba(17, 24, 39, 0.96);
  --sheet-bg: #111827;
  --overlay: rgba(0, 0, 0, 0.55);
  --accent-soft: rgba(15, 157, 110, 0.18);
  --warn-bg: rgba(217, 119, 6, 0.15);
  --err-bg: rgba(220, 38, 38, 0.15);
  --ok-bg: rgba(5, 150, 105, 0.15);
  --info-bg: rgba(37, 99, 235, 0.15);
  --gradient-hero: linear-gradient(135deg, rgba(15, 157, 110, 0.15) 0%, transparent 55%);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b1120;
    --bg-elev: #111827;
    --bg-muted: #1a2332;
    --bg-inset: #0f172a;
    --border: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);
    --text: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --header-bg: rgba(11, 17, 32, 0.92);
    --tab-bg: rgba(17, 24, 39, 0.96);
    --sheet-bg: #111827;
    --overlay: rgba(0, 0, 0, 0.55);
    --accent-soft: rgba(15, 157, 110, 0.18);
    --warn-bg: rgba(217, 119, 6, 0.15);
    --err-bg: rgba(220, 38, 38, 0.15);
    --ok-bg: rgba(5, 150, 105, 0.15);
    --info-bg: rgba(37, 99, 235, 0.15);
    --gradient-hero: linear-gradient(135deg, rgba(15, 157, 110, 0.15) 0%, transparent 55%);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
  }
}