/* RestoreRadar — Lumina design tokens (light-mode glass system).
   Source: Lumina-Mobile-IV-Recovery-Concierge-DESIGN.md (visual style only; zero medical content).
   Accent reinterpreted for restoration: water-blue primary + fire-red emergency accent. */
:root {
  /* color */
  --accent: #3B82F6;          /* water-blue — primary accent / action */
  --accent-strong: #2563EB;   /* supporting contrast */
  --emergency: #EF4444;       /* fire-red — emergency / urgency only */
  --ink: #0F172A;             /* secondary / text-primary */
  --bg: #FFFFFF;
  --surface: #F8FAFC;
  --text: #0F172A;
  --text-soft: #64748B;
  --line: #E2E8F0;
  --line-soft: #F1F5F9;

  /* signature gradient: water -> fire */
  --wash: linear-gradient(120deg, rgba(59,130,246,0.16) 0%, rgba(226,232,240,0.5) 50%, rgba(239,68,68,0.14) 100%);
  --shell: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.2) 100%);

  /* glass surfaces */
  --glass: rgba(255,255,255,0.6);
  --glass-strong: rgba(255,255,255,0.78);
  --blur: 24px;
  --shadow-sm: rgba(0,0,0,0) 0 0 0 0, rgba(241,245,249,0.5) 0 1px 2px 0;
  --shadow: rgba(0,0,0,0.05) 0 4px 24px -6px;

  /* type — Inter */
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --display: 600 clamp(40px, 6vw, 72px)/1.02 var(--font);
  --h2: 600 clamp(24px, 3vw, 34px)/1.15 var(--font);
  --h3: 600 18px/1.3 var(--font);
  --body: 300 16px/1.6 var(--font);
  --label: 500 14px/1.4 var(--font);

  /* radius family */
  --r-card: 23px;
  --r-lg: 24px;
  --r-pill: 9999px;

  /* spacing rhythm (6px base) */
  --s1: 6px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 32px; --s7: 48px; --s8: 72px; --s9: 96px;

  --maxw: 1120px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font: var(--body);
  color: var(--text);
  letter-spacing: -0.011em;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(239,68,68,0.06), transparent 60%),
    radial-gradient(1000px 600px at -10% -10%, rgba(59,130,246,0.10), transparent 55%),
    var(--bg);
}
a { color: var(--accent-strong); text-decoration: none; }
a:hover { color: var(--accent); }
h1, h2, h3 { color: var(--ink); letter-spacing: -0.025em; margin: 0 0 var(--s3); }