/* ==========================================================================
   Labtest Zote — Design tokens v2
   Style: Minimalism & Swiss (ui-ux-pro-max: "medical laboratory diagnostics booking
   clean minimal" → Trust & Authority, Figtree + Noto Sans, subtle motion).
   Brand colours come from the logo; neutrals are slate. All text pairs ≥ 4.5:1.
   ========================================================================== */
:root {
	/* Brand */
	--c-brand: #293d8c;          /* logo navy — primary actions, links (9.8:1 on white) */
	--c-brand-hover: #1f2f6e;
	--c-brand-soft: #eef1fa;
	--c-brand-dark: #0b1220;     /* live site dark blue — footer, dark bands */
	--c-accent: #007a3a;         /* logo green, darkened for AA (5.5:1) */
	--c-accent-hover: #00602e;
	--c-accent-soft: #e8f5ee;
	--c-accent-logo: #009145;    /* decorative only */
	--c-star: #f59e0b;           /* decorative only */

	/* Neutrals */
	--c-ink: #0b0d0f;
	--c-text: #2f2f2f;
	--c-muted: #6b6b6b;
	--c-border: #e6e6e2;
	--c-border-strong: #cfcfc9;
	--c-surface: #f7f7f4;
	--c-surface-2: #efefea;
	--c-white: #ffffff;

	/* Status */
	--c-success: #007a3a;  --c-success-soft: #e8f5ee;
	--c-warning: #9a4a00;  --c-warning-soft: #fff4e5;
	--c-danger:  #b42318;  --c-danger-soft:  #fdecea;
	--c-info:    #293d8c;  --c-info-soft:    #eef1fa;

	/* Typography */
	--font-head: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
	--font-mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--font-body: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
	--fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-md: 1.125rem; --fs-lg: 1.25rem; --fs-xl: 1.5rem;
	--fs-2xl: clamp(1.625rem, 1.3rem + 1.2vw, 1.875rem);
	--fs-3xl: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);
	--fs-4xl: clamp(2.375rem, 1.6rem + 3vw, 3.75rem);
	--lh-tight: 1.15; --lh-snug: 1.35; --lh-body: 1.65;
	--tracking-tight: -0.02em; --tracking-wide: 0.08em;

	/* Spacing — 4/8 grid */
	--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px;
	--sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
	--section-y: clamp(56px, 2.5rem + 3vw, 88px);
	--gutter: clamp(16px, 2vw + 8px, 32px);
	--container: 1200px;
	--measure: 70ch;
	--container-text: 1024px;

	/* Shape & depth */
	--r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 12px; --r-pill: 6px; --r-round: 999px;
	--shadow-xs: 0 1px 2px rgba(15, 30, 51, .06);
	--shadow-sm: 0 1px 2px rgba(11, 13, 15, .06);
	--shadow-md: 0 8px 24px rgba(11, 13, 15, .08);
	--ring: 0 0 0 3px rgba(41, 61, 140, .3);

	/* Motion */
	--ease-out: cubic-bezier(.2, .7, .2, 1);
	--dur-fast: 150ms; --dur-base: 220ms; --dur-slow: 380ms;

	--header-h: 72px;
	--z-header: 50; --z-float: 60; --z-overlay: 80;
}