/* Guide design tokens — sourced from the Guide Design System (tokens/*.css).
   Keep in sync with the design system; do not restyle components with raw hex
   values, use the custom properties. */

:root {
	/* Fonts */
	--font-sans: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	--font-display: "Outfit", "Public Sans", Helvetica, Arial, sans-serif;
	--font-wordmark: var(--font-display);

	/* Weights and tracking */
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--tracking-wordmark: -0.025em;
	--tracking-heading: -0.018em;
	--tracking-label: 0.08em;
	--tracking-mono: 0.02em;

	/* Leading */
	--leading-tight: 1.04;
	--leading-snug: 1.16;
	--leading-heading: 1.24;
	--leading-body: 1.58;
	--leading-relaxed: 1.7;

	/* Motion */
	--duration-fast: 140ms;
	--ease-out: cubic-bezier(0.2, 0, 0, 1);
	--transition-control: color var(--duration-fast) var(--ease-out),
		background-color var(--duration-fast) var(--ease-out),
		border-color var(--duration-fast) var(--ease-out),
		box-shadow var(--duration-fast) var(--ease-out);

	/* Ink: grounding neutral, cool-leaning deep charcoal */
	--ink-900: #12161a; --ink-800: #1b2126; --ink-700: #2a3238; --ink-600: #414b52;
	--ink-500: #5c666d; --ink-400: #7d868c; --ink-300: #a6adb2; --ink-200: #ccd1d4;
	--ink-100: #e4e7e9; --ink-050: #f1f3f4;

	/* Stone: warm paper neutrals. Never a cold pure white. */
	--stone-000: #fdfcfa; --stone-050: #f9f7f3; --stone-100: #f3f0ea;
	--stone-200: #e9e4db; --stone-300: #dbd4c8; --stone-400: #c4bcae;

	/* Signal: the single accent. Direction, attention, action. */
	--signal-700: #8f2e1c; --signal-600: #a83722; --signal-500: #c8452a;
	--signal-400: #d9694f; --signal-300: #e79b87; --signal-200: #f2c9bd;
	--signal-100: #fae6e0;

	/* Analysis: the second accent. Never used for action. */
	--analysis-700: #0e4b47; --analysis-600: #125e59; --analysis-500: #16706b;
	--analysis-400: #3d8c88; --analysis-300: #7fb3b0; --analysis-200: #b9d5d3;
	--analysis-100: #e2eeed;

	/* Data ramp — the holding page phase tints come from here */
	--data-1: #c8452a; --data-2: #16706b; --data-3: #2e5c8a;
	--data-4: #c68a1f; --data-5: #6b5b95; --data-6: #7d868c;

	/* Semantic aliases used on the holding page */
	--border-inverse: #2f373d;
	--text-on-inverse: var(--stone-050);
	--text-on-inverse-muted: var(--ink-300);
}