/*
 * Rad Cans design tokens. GENERATED by scripts/build-tokens.sh from design/tokens.json — do not edit by hand.
 * Every stylesheet and Elementor global references these names; never hardcode brand values elsewhere.
 */
:root {
	/* Color */
	--rc-color-primary: #0B0E17;
	--rc-color-secondary: #062A9B;
	--rc-color-accent: #0A3DDB;
	--rc-color-text: #0B0E17;
	--rc-color-bg: #FFFFFF;
	--rc-color-surface: #F4F6FB;
	--rc-color-surface-blue: #E8F0FF;
	--rc-color-border: #C7CEE0;
	--rc-color-text-muted: #4A5370;
	--rc-color-blue-light: #5B86FF;
	--rc-color-ice: #C7D3F2;
	--rc-color-ice-pale: #DCE4FF;
	--rc-color-ice-soft: #BFD0FF;
	--rc-color-navy-deep: #06080F;
	--rc-color-navy-surface: #151A29;
	--rc-color-navy-raised: #1A2138;
	--rc-color-navy-border: #2A3350;
	--rc-color-muted-on-dark: #9AA4BF;
	--rc-color-muted-soft: #7A8399;
	--rc-color-success: #7CFFB2;
	--rc-color-error: #D62839;
	--rc-color-primary-contrast: #FFFFFF;

	/* Typography */
	--rc-font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--rc-font-body: 'Barlow', Helvetica, Arial, sans-serif;
	--rc-heading-weight: 900;
	--rc-heading-style: italic;
	--rc-heading-transform: uppercase;
	--rc-heading-tracking: -0.01em;
	--rc-leading-tight: 0.92;
	--rc-leading-body: 1.55;
	--rc-eyebrow-tracking: 0.16em;
	--rc-text-xs: 0.8125rem;
	--rc-text-sm: 0.9375rem;
	--rc-text-base: 1.0625rem;
	--rc-text-lg: 1.125rem;
	--rc-text-lead: 1.375rem;
	--rc-text-xl: 1.625rem;
	--rc-text-2xl: 2rem;
	--rc-text-h3: clamp(40px, 5vw, 64px);
	--rc-text-h2: clamp(44px, 6vw, 84px);
	--rc-text-h1: clamp(60px, 8.5vw, 124px);
	--rc-text-display: 88px;

	/* Spacing */
	--rc-space-1: 0.25rem;
	--rc-space-2: 0.5rem;
	--rc-space-3: 0.75rem;
	--rc-space-4: 1rem;
	--rc-space-6: 1.5rem;
	--rc-space-8: 2rem;
	--rc-space-12: 3rem;
	--rc-space-16: 4rem;
	--rc-space-24: 6rem;

	/* Shape */
	--rc-radius-sm: 12px;
	--rc-radius-md: 16px;
	--rc-radius-lg: 22px;
	--rc-radius-xl: 26px;
	--rc-radius-pill: 999px;
	--rc-shadow-hard-sm: 0 4px 0 var(--rc-color-secondary);
	--rc-shadow-hard: 0 6px 0 var(--rc-color-primary);
	--rc-shadow-hard-lg: 0 10px 0 var(--rc-color-primary);
	--rc-shadow-hard-accent: 0 10px 0 var(--rc-color-accent);

	/* Layout */
	--rc-container: 1200px;
	--rc-container-wide: 1280px;
	--rc-container-narrow: 1100px;
	--rc-gutter: 24px;
}