/**
 * Push Start Driving — design tokens.
 *
 * A minimal, high-contrast system: black, white and light gray with a single
 * accent. Thick borders and generous rounding carry the brand identity; there
 * is no decorative color.
 *
 * Everything is exposed as CSS custom properties, so the active theme (or the
 * admin Branding settings, which print an inline override) can retune the look
 * without editing this file.
 */

:root {
	/* Accent — one only. Overridden inline from Branding settings. */
	--ps-accent: #2563eb;
	--ps-accent-strong: #1d4ed8;
	--ps-accent-ink: #ffffff;

	/* Structure. */
	--ps-border-width: 3px;
	--ps-radius: 16px;
	--ps-radius-sm: 12px;
	--ps-radius-pill: 999px;

	/* Ink + surfaces. */
	--ps-ink: #000000;
	--ps-ink-soft: #5f6368;
	--ps-surface: #ffffff;
	--ps-surface-2: #f5f5f7;
	--ps-surface-3: #e8e8ed;
	--ps-line: #000000;

	/* Feedback. */
	--ps-success: #15803d;
	--ps-danger: #dc2626;

	/* Spacing scale — deliberately tight; whitespace should separate, not pad. */
	--ps-space-1: 0.25rem;
	--ps-space-2: 0.5rem;
	--ps-space-3: 0.75rem;
	--ps-space-4: 1rem;
	--ps-space-5: 1.25rem;
	--ps-space-6: 1.5rem;
	--ps-space-7: 2rem;
	--ps-space-8: 3rem;
	--ps-space-9: 4rem;

	/* Typography — large, bold, readable. */
	--ps-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
	--ps-font-display: var(--ps-font);
	--ps-fw-normal: 400;
	--ps-fw-bold: 600;
	--ps-fw-black: 700;
	--ps-fs-100: 0.875rem;
	--ps-fs-200: 1rem;
	--ps-fs-300: 1.125rem;
	--ps-fs-400: 1.375rem;
	--ps-fs-500: 1.75rem;
	--ps-fs-600: 2.25rem;
	--ps-fs-700: 3rem;
	--ps-fs-800: 3.75rem;
	--ps-measure: 42rem;

	/* Motion — restrained. */
	--ps-transition: 120ms ease;

	/* Layout. */
	--ps-container: 1200px;

	/* Light only — the design is a deliberate black-on-white system. */
	color-scheme: light;
}