/**
 * Design tokens — single source of truth, from the 2026 home-redesign handoff.
 * Components must reference these custom properties, never raw values
 * (one-off gradient stops are the documented exception, kept next to their
 * component with a comment).
 */

:root {
	/* Brand blues */
	--color-brand: #0072B8;
	--color-brand-dark: #005A94;   /* hover */
	--color-brand-darker: #005E97; /* hover for blue text on light surfaces */
	--color-brand-light: #4DA3D4;
	--color-brand-bright: #1E9BE0; /* photo-overlay gradient start */
	--color-brand-wash: #E6F2F9;
	--color-brand-deep: #012E4D;

	/* Neutrals */
	--color-ink: #0A1821;          /* near-black */
	--color-ink-2: #0D2231;        /* hero gradient start */
	--color-text: #3D4B57;         /* secondary text */
	--color-gray: #6B7680;
	--color-gray-light: #9AA5B0;
	--color-white: #FFFFFF;

	/* Accent (orange) */
	--color-accent: #E87722;
	--color-accent-dark: #C96317;  /* hover on dark buttons */
	--color-accent-light: #F08A3E; /* hover on the newsletter submit */

	/* Surfaces and borders */
	--color-surface: #F5F7FA;
	--color-surface-alt: #E9EDF2;
	--color-border: #E1E6EB;
	--color-border-strong: #C8D0D8;

	/* Typography */
	--font-display: 'Rajdhani', 'Segoe UI', Arial, sans-serif;
	--font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
	--font-mono: 'JetBrains Mono', 'Cascadia Mono', Consolas, monospace;
	/* Product lockup in the hero ("Elipse E3"): Roboto, as in the marketing
	 * art and the legacy site (owner, 2026-08-12). Loaded at 700 only. */
	--font-brand: 'Roboto', Arial, sans-serif;

	/* Layout */
	--container-max: 1200px;
	--container-narrow: 1080px;
	--container-gutter: 32px;
	--radius: 2px;                 /* near-square corners everywhere */
	--grid-cell: 48px;             /* hero technical grid */

	/* Effects */
	--shadow-header: 0 1px 0 var(--color-border), 0 4px 16px rgba(10, 24, 33, 0.04);
	--shadow-card-base: 0 1px 2px rgba(10, 24, 33, 0.04);
	--shadow-card-hover: 0 14px 30px rgba(10, 24, 33, 0.12);
	--shadow-card-hover-soft: 0 12px 26px rgba(10, 24, 33, 0.1);
	--shadow-btn-hover: 0 8px 20px rgba(0, 114, 184, 0.25);
	/* Handoff v2 also ringed the discs with an 8px wash halo
	 * (0 0 0 8px wash); removed per owner decision 2026-08-05. */
	--shadow-sphere: 0 14px 30px rgba(0, 114, 184, 0.2);
	--transition: 0.3s ease;
}