/* Health-AI Solutions design system tokens (from Claude Design export). Twinpatient overrides live in styles.css. */
/* ---- fonts ---- */

/* ---- colors ---- */
:root{
/* Teal — primary brand */
--teal-50:#E7F2F0;--teal-100:#CDE6E3;--teal-200:#9FCFCB;--teal-300:#61ACAB;--teal-500:#1A8181;--teal-600:#16837F;--teal-700:#117170;--teal-800:#0C5857;
/* Navy — hero / ink */
--navy-900:#10182A;--navy-800:#182236;--navy-700:#232E44;--ink-950:#05091A;--ink-900:#0B1122;
/* Neutrals */
--gray-0:#FFFFFF;--gray-25:#F2F5FA;--gray-50:#EEF0F3;--gray-100:#E6E8EC;--gray-200:#D9DCE2;--gray-300:#C3C7CF;--gray-500:#7F8387;--gray-600:#5A5F68;--gray-700:#3A3F47;
/* Semantic */
--success-500:#1E9E6A;--warning-500:#D9922B;--danger-500:#D14343;--flag-red:#CD2A3E;--flag-green:#436F4D;

/* Semantic aliases */
--brand-primary:var(--teal-500);--brand-primary-hover:var(--teal-700);--brand-primary-press:var(--teal-800);--brand-primary-tint:var(--teal-50);--brand-glow:rgba(26,129,129,.45);
--surface-page:var(--gray-25);--surface-card:var(--gray-0);--surface-muted:var(--gray-100);--surface-tile:var(--gray-50);--surface-hero:var(--navy-900);--surface-hero-raised:var(--navy-800);--surface-selected:var(--teal-50);
--text-strong:var(--ink-950);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-on-brand:#FFFFFF;--text-on-hero:#E4E7EC;--text-on-hero-muted:#B9BFC9;--text-brand:var(--teal-500);
--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-on-hero:rgba(255,255,255,.55);--border-selected:var(--teal-500);
}

/* ---- typography ---- */
:root{
--font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:'Roboto Mono',ui-monospace,monospace;
--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:900;/* @kind font */
--fs-display:52px;--fs-h1:36px;--fs-h2:32px;--fs-h3:18px;--fs-body-lg:20px;--fs-body:15px;--fs-small:13px;--fs-nav:17px;--fs-button:16px;--fs-caption:12px;
--lh-tight:1.08;/* @kind font */--lh-heading:1.15;/* @kind font */--lh-body:1.35;/* @kind font */--lh-relaxed:1.5;/* @kind font */
--tracking-display:0;/* @kind font */--tracking-caps:.01em;/* @kind font */
--type-display:var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-sans);
--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-sans);
--type-h3:var(--fw-bold) var(--fs-h3)/1.22 var(--font-sans);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
}

/* ---- spacing ---- */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--container-max:1360px;--gutter:32px;--card-padding:40px;--section-gap:32px;--header-height:114px;
}

/* ---- effects ---- */
:root{
--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-pill:999px;
--shadow-card:0 2px 4px rgba(16,24,42,.04),0 10px 28px rgba(16,24,42,.07);
--shadow-raised:0 4px 10px rgba(16,24,42,.06),0 18px 40px rgba(16,24,42,.10);
--shadow-media:0 2px 6px rgba(16,24,42,.08),0 8px 20px rgba(16,24,42,.10);
--shadow-glow:0 0 0 1px rgba(97,172,171,.35),0 0 36px rgba(26,129,129,.45);
--shadow-inset-input:inset 0 1px 2px rgba(16,24,42,.04);
--hero-grid:linear-gradient(rgba(97,172,171,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(97,172,171,.10) 1px,transparent 1px);/* @kind other */
--hero-grid-size:28px 28px;/* @kind other */
--hero-spot:radial-gradient(60% 60% at 50% 70%,rgba(26,129,129,.75),rgba(16,24,42,0) 70%);/* @kind other */
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */--dur-fast:120ms;/* @kind other */--dur-base:200ms;/* @kind other */--dur-slow:320ms;/* @kind other */
}