/**
 * Design tokens — City Wide v1.0 defaults (Phase 3).
 * Brand Settings (Radiator Framework) overrides brand colors/fonts/container at runtime.
 * Components must use these variables — never hardcode brand hex.
 */

:root {
	/* Short aliases (requested) */
	--rf-primary: #032356;
	--rf-secondary: #1C75BC;
	--rf-accent: #1BC079;
	--rf-container: 1100px;

	/* Phase 3 canonical names */
	--rf-color-primary: var(--rf-primary);
	--rf-color-secondary: var(--rf-secondary);
	--rf-color-accent: var(--rf-accent);
	--rf-color-accent-alt: #007be0;
	--rf-color-dark: #054060;
	--rf-color-ink: #032356;
	--rf-color-ink-muted: #1d2a4d;
	--rf-color-ink-soft: #333333;
	--rf-color-ink-faint: #424242;
	--rf-color-danger: #f53838;
	--rf-color-surface: #e9f0f4;
	--rf-color-surface-alt: #f4f4f4;
	--rf-color-surface-faq: #f8f9fa;
	--rf-color-white: #ffffff;
	--rf-color-black: #141414;
	--rf-color-nav-hover: #e0e0e0;
	--rf-color-link-accent: #1481ba;
	--rf-color-slider-dot: #03a9f4;
	--rf-color-slider-arrow: #22b3f7;

	--rf-overlay-hero: rgba(0, 0, 0, 0.69);
	--rf-overlay-section: rgba(0, 0, 0, 0.68);
	--rf-overlay-cta: rgba(0, 0, 0, 0.62);

	--rf-font-size-nav: clamp(1.25rem, 1.09375rem + 0.625vw, 1.5625rem);
	--rf-font-size-utility: clamp(1.25rem, 1.09375rem + 0.625vw, 1.5625rem);
	--rf-font-size-quote-title: clamp(2.125rem, 1.6875rem + 1.75vw, 3rem);
	--rf-font-size-stat: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
	--rf-font-size-btn-sm: clamp(0.875rem, 0.75rem + 0.5vw, 1.125rem);

	--rf-font-heading: "Poppins", system-ui, sans-serif;
	--rf-font-body: "Rubik", system-ui, sans-serif;
	--rf-fw-regular: 400;
	--rf-fw-medium: 500;
	--rf-fw-semibold: 600;
	--rf-fw-bold: 700;

	--rf-space-1: 8px;
	--rf-space-2: 16px;
	--rf-space-3: 24px;
	--rf-space-4: 32px;
	--rf-space-5: 40px;
	--rf-space-6: 50px;
	--rf-space-7: 64px;
	--rf-space-8: 80px;

	--rf-radius-sm: 6px;
	--rf-radius-input: 7px;
	--rf-radius-md: 10px;
	--rf-radius-lg: 15px;
	--rf-radius-btn: 16px;
	--rf-radius-card: 10px;

	--rf-card-pad-y: 50px;
	--rf-card-pad-x: 16px;

	--rf-shadow-card: 0 0 20px 5px rgba(0, 0, 0, 0.23);
	--rf-shadow-menu: 0 0 15px 1px rgba(0, 0, 0, 0.3);

	--rf-duration: 500ms;
	--rf-z-header: 100;
	--rf-z-overlay: 300;
	--rf-z-nav: 400;
}