/* Design tokens — Direction A: Premium Clinical Technology (09-design-system.md) */

:root {
	/* Colour */
	--ink-900: #0B1B33;
	--ink-700: #24354F;
	--ink-500: #5A6B84;
	--paper: #FFFFFF;
	--paper-2: #EDF3FB;
	--line: #DEE6F0;
	--pulse: #0E6FFF;
	--pulse-d: #0A56C6;
	--pulse-tint: #EAF2FF;
	--scan: #00C2D1;
	--scan-tint: #E6FAFC;
	--vital: #12B76A;
	--warn: #F59E0B;
	--crit: #E5484D;

	/* Type */
	--font-head: "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;
	--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

	--fs-900: clamp(2.4rem, 1.5rem + 3.4vw, 3.6rem);
	--fs-800: clamp(1.8rem, 1.35rem + 1.8vw, 2.4rem);
	--fs-700: clamp(1.35rem, 1.15rem + 0.8vw, 1.5rem);
	--fs-600: 1.25rem;
	--fs-500: 1.125rem;
	--fs-400: 1rem;
	--fs-300: 0.875rem;
	--fs-200: 0.8125rem;

	/* Space (4px base) */
	--sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
	--sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
	--sp-section: clamp(56px, 4vw + 40px, 96px);

	/* Shape & elevation */
	--radius: 10px;
	--radius-lg: 16px;
	--shadow-card: 0 12px 32px rgba(11, 27, 51, 0.10);
	--shadow-panel: 0 24px 64px rgba(11, 27, 51, 0.14);
	--shadow-btn: 0 8px 20px rgba(14, 111, 255, 0.28);

	/* Gradients */
	--grad-primary: linear-gradient(135deg, #1D7AFF 0%, #0A56C6 100%);
	--grad-ink: linear-gradient(135deg, #0B1B33 0%, #12294D 60%, #0E3A66 100%);
	--grad-scan: linear-gradient(90deg, var(--scan) 0%, var(--pulse) 100%);
	--grad-text: linear-gradient(92deg, #0E6FFF 0%, #00C2D1 100%);

	/* Layout */
	--container: 1200px;
	--prose: 720px;

	/* Motion */
	--ease: cubic-bezier(0.22, 0.8, 0.36, 1);
	--t-fast: 150ms;
	--t-med: 300ms;
	--t-slow: 400ms;
}

@font-face {
	font-family: "Sora";
	src: url("../fonts/sora-600.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "Sora";
	src: url("../fonts/sora-700.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-400.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-500.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter-600.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "IBM Plex Mono";
	src: url("../fonts/plexmono-500.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
}