/* Design tokens: the one shared place for colour, type, spacing and radius.
   Source: Front Office Pilot Brand Guide v2. */
:root {
	/* Colour */
	--c-ground: #f6f7f8;
	--c-white: #ffffff;
	--c-surface: #eceff2;
	--c-navy: #1b2a4a;
	--c-slate: #4a5670;
	--c-ink-soft: #33405c;
	--c-line: #dfe3e8;
	--c-teal: #0e9384;      /* logo and large accents */
	--c-teal-600: #0b7d70;  /* buttons */
	--c-teal-700: #08655b;  /* links and small teal text */
	--c-teal-400: #4fc2b2;  /* teal on navy */
	--c-teal-100: #e6f6f3;
	--c-spark: #ffb547;       /* the AI spark on navy or teal */
	--c-spark-light: #c27a00; /* the AI spark on white or ground */
	--c-spark-tint: #fff4e0;
	--c-spark-ink: #6b4100;
	--c-on-navy-soft: #c9d1de;

	/* Status (product examples only): tint / text / dot */
	--st-done-bg: #e3f5ea;    --st-done-fg: #17663a;    --st-done-dot: #22a35a;
	--st-pending-bg: #e8eefb; --st-pending-fg: #2c4a8a; --st-pending-dot: #4a6fd1;
	--st-urgent-bg: #fdeee3;  --st-urgent-fg: #8f3a0a;  --st-urgent-dot: #e06a1f;
	--st-failed-bg: #fbe7e8;  --st-failed-fg: #a12a33;  --st-failed-dot: #d64550;
	--st-handoff-bg: #eeeaf8; --st-handoff-fg: #4d3a8f; --st-handoff-dot: #7a62c9;

	/* Type */
	--font-body: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-wordmark: "Figtree", "Archivo", system-ui, sans-serif;
	/* Marketing scale */
	--fs-hero: clamp(2.25rem, 1.2rem + 4.6vw, 4rem);  /* 56-64 on desktop */
	--fs-h1: clamp(2rem, 1.5rem + 2vw, 2.5rem);       /* 40 */
	--fs-h2: clamp(1.625rem, 1.4rem + 1vw, 1.875rem); /* 30 */
	--fs-h3: 1.375rem;                                /* 22 */
	--fs-body-lg: 1.25rem;                            /* 20 */
	--fs-body: 1.125rem;                              /* 18, the minimum */
	/* Interface scale (product mockups) */
	--fs-ui-title: 1.25rem;
	--fs-ui-card: 1.0625rem;
	--fs-ui-body: 1rem;
	--fs-ui-compact: 0.9375rem; /* 15, reading minimum */
	--fs-ui-label: 0.875rem;
	--fs-ui-badge: 0.8125rem;   /* 13, badges and timestamps only */

	/* Spacing: 4 8 12 16 24 32 48 64 96 */
	--s-1: 0.25rem;
	--s-2: 0.5rem;
	--s-3: 0.75rem;
	--s-4: 1rem;
	--s-5: 1.5rem;
	--s-6: 2rem;
	--s-7: 3rem;
	--s-8: 4rem;
	--s-9: 6rem;

	/* Radius */
	--r-control: 8px; /* buttons, fields */
	--r-card: 12px;   /* cards, panels, photos */
	--r-full: 999px;  /* badges, avatars */

	/* Layout */
	--page-max: 1280px;
	--gutter: clamp(1rem, 4vw, 2.5rem);
	--tap: 48px;
	--shadow-card: 0 1px 3px rgba(27, 42, 74, 0.08);
}