/* Tiny Steps Pediatric Urgent Care — design tokens (reconstructed) */
:root {
  /* primitive */
  --color-navy-600:#244884; --color-navy-700:#1C3A6E; --color-navy-800:#162E58; --color-navy-900:#101C33;
  --color-aqua-300:#84D8D8; --color-aqua-50:#E3F5F7;
  --color-red-500:#E42424; --color-red-700:#B31B1B;
  --color-slate-400:#6C84A8; --color-gray-600:#4A5874; --color-gray-100:#EEF2F7; --color-white:#FFFFFF;
  --font-heading:'DM Sans',sans-serif; --font-body:'Manrope',sans-serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(16,28,51,.06); --shadow-md:0 12px 32px -12px rgba(16,28,51,.18); --shadow-lg:0 30px 60px -24px rgba(16,28,51,.30);
  /* semantic */
  --color-action-primary:var(--color-navy-600); --color-action-primary-hover:var(--color-navy-700); --color-action-primary-pressed:var(--color-navy-800);
  --color-action-emergency:var(--color-red-500); --color-accent-default:var(--color-aqua-300); --color-focus-ring:var(--color-aqua-300);
  --color-surface-page:var(--color-white); --color-surface-tint:var(--color-aqua-50); --color-surface-muted:var(--color-gray-100); --color-surface-inverse:var(--color-navy-900);
  --color-text-heading:var(--color-navy-600); --color-text-body:var(--color-gray-600); --color-text-inverse:var(--color-white);
  --space-card-padding:var(--space-5); --radius-action:var(--radius-pill); --radius-container:var(--radius-lg);
  /* component */
  --button-primary-bg:var(--color-action-primary); --button-primary-text:var(--color-text-inverse); --button-radius:var(--radius-action); --button-height:52px;
  --button-emergency-bg:var(--color-action-emergency);
  --icon-badge-bg:var(--color-accent-default); --icon-badge-fg:var(--color-navy-900);
  --card-bg:var(--color-surface-page); --card-radius:var(--radius-container); --card-padding:var(--space-card-padding); --card-shadow:var(--shadow-md);
  --info-row-bg:var(--color-surface-muted); --section-alt-bg:var(--color-surface-tint); --footer-bg:var(--color-surface-inverse);
}