/*
 * tokens.css — the design-token single source of truth (D18).
 *
 * These are the preview suite's shared :root vars (docs/design/
 * styling-standard.md) lifted verbatim into the build. Components consume
 * ONLY var() references — zero raw hex in .svelte files, enforced by
 * src/lib/styles/tokens.drift.test.ts. Every colour, radius, shadow and
 * easing the suite uses lives here and nowhere else.
 */
:root {
	/* brand */
	--teal: #0f766e;
	--teal-deep: #0b5a54;
	--terra: #e2725b;
	--free: #2f9e68;
	--gold: #b8860b;

	/* text-safe ink variants (warp#10596). --free/--terra are the brand hues
	 * for fills/chips/tints; as TEXT they fall below WCAG AA (--free 3.4:1 on
	 * cream, --terra 3.1:1). These darker variants keep the hue and lift text
	 * usages to AA: --free-ink 5.1:1 on cream, 4.6:1 on --free-tint;
	 * --terra-ink 4.6:1 on cream; --terra-ink on --terra-tint is 4.2:1 —
	 * large/bold text only there (>=3:1). Use -ink for colour-as-text only
	 * (fills/chips keep the brand hue; cream ink on a --terra fill stays
	 * 3.1:1 — see docs/design/brand-colours.md). */
	--free-ink: #0f7e48;
	--terra-ink: #c2523b;

	/* ink + canvas */
	--ink: #1f2a30;
	--body-ink: #37464f;
	--muted: #5c6b73;
	--cream: #ffffff;
	--line: #dddddd;

	/* neutral surfaces + interaction shades */
	--hover-bg: #f4f4f4;
	--paper: #fafafa;
	--line-hover: #b0b0b0;
	--track: #eeeeee;
	--hairline: #f0f0f0;
	--dash: #c9c9c9;
	--underline: #c9c9c9;

	/* tints (chips, ribbons, washes) */
	--free-tint: #e8f5ee;
	--teal-tint: #e9f4f3;
	--teal-wash: #f3faf9;
	--teal-line: #cfe5e3;
	--teal-bar: #cfe5e3;
	--terra-tint: #fdf1ee;
	--nearme-wash: #f1faf9;

	/* WhatsApp share mock (shared.html port) */
	--wa-canvas: #e4ddd5;
	--wa-bubble: #dcf8c6;
	--wa-time: #7a8a7a;
	--wa-url: #8a9a8a;
	--wa-desc: #666677;

	/* map mock band */
	--map-band-a: #e8efe9;
	--map-band-b: #e2eae4;

	/* glass + overlay (rgba — kept here so components stay literal-free) */
	--glass: rgba(255, 255, 255, 0.95);
	--scrim-photo: rgba(18, 28, 26, 0.55);
	--shadow-text: rgba(0, 0, 0, 0.4);
	--shadow-text-strong: rgba(0, 0, 0, 0.45);
	--overlay-dark: rgba(0, 0, 0, 0.55);
	--teal-pulse: rgba(15, 118, 110, 0.45);
	--teal-pulse-mid: rgba(15, 118, 110, 0.4);
	--teal-pulse-end: rgba(15, 118, 110, 0);
	--teal-ring: rgba(15, 118, 110, 0.45);
	--teal-ring-fill: rgba(15, 118, 110, 0.06);
	--pin-shadow: rgba(0, 0, 0, 0.3);
	--pin-drop-shadow: rgba(0, 0, 0, 0.25);

	/* radii — the full ladder every component consumes (no px literals
	   outside this file; the canon-adoption gate enforces it) */
	--r-xl: 28px;
	--r-lg: 24px;
	--r-md: 16px;
	--r-sm: 12px;
	--r-xs: 10px;
	--r-pill: 999px;
	/* composite corners: the offset hero photo (suite banner shape),
	   plus the bar-chart top cap */
	--r-banner: 36px 36px 36px 110px;
	--r-banner-sm: 30px 30px 30px 90px;
	--r-bar-top: 6px 6px 0 0;

	/* shadows */
	--shadow-soft: 0 3px 14px rgba(31, 42, 48, 0.12);
	--shadow-lift: 0 8px 28px rgba(31, 42, 48, 0.18);
	--shadow-card: 0 1px 6px rgba(31, 42, 48, 0.15);

	/* motion */
	--ease: cubic-bezier(0.2, 0.8, 0.2, 1);

	/* alpha pre-launch badge (temporary — remove at GA). A near-black
	   pill with bright amber ink stays high-contrast on any page. */
	--alpha-chip-bg: #17202a;
	--alpha-chip-ink: #ffbf47;
}