/*
 * Azuréen tokens: the prototype's variable names (_design/html/tokens.css)
 * mapped onto the theme.json presets, so block CSS reads like the design.
 * Values live in theme.json only — never add a raw value here.
 */
:root {
	/* Colors */
	--color-red: var(--wp--preset--color--red);
	--color-ink: var(--wp--preset--color--ink);
	--color-ink-2: var(--wp--preset--color--ink-2);
	--color-muted: var(--wp--preset--color--muted);
	--color-muted-2: var(--wp--preset--color--muted-2);
	--color-line: var(--wp--preset--color--line);
	--color-line-2: var(--wp--preset--color--line-2);
	--color-blush: var(--wp--preset--color--blush);
	--color-blush-2: var(--wp--preset--color--blush-2);
	--color-blush-3: var(--wp--preset--color--blush-3);
	--color-red-tint: var(--wp--preset--color--red-tint);
	--color-star: var(--wp--preset--color--star);
	--color-on-red: var(--wp--preset--color--on-red);
	--color-white: var(--wp--preset--color--white);
	--color-hairline: var(--wp--custom--hairline);
	--color-on-red-line: var(--wp--custom--on-red-line);
	--color-on-red-chip: var(--wp--custom--on-red-chip);
	--color-on-red-icon: var(--wp--custom--on-red-icon);
	--color-glass: var(--wp--custom--glass);
	--color-map-line: var(--wp--custom--map-line);
	--lb-bg: var(--wp--custom--lightbox--bg);
	--lb-text: var(--wp--custom--lightbox--text);
	--lb-muted: var(--wp--custom--lightbox--muted);
	--lb-control: var(--wp--custom--lightbox--control);
	--lb-control-line: var(--wp--custom--lightbox--control-line);

	/* Type */
	--font-display: var(--wp--preset--font-family--display);
	--font-body: var(--wp--preset--font-family--body);
	--fs-h1: var(--wp--preset--font-size--h-1);
	--fs-h1-home: var(--wp--preset--font-size--h-1-home);
	--fs-h2: var(--wp--preset--font-size--h-2);
	--fs-h2-sm: var(--wp--preset--font-size--h-2-sm);
	--fs-h3: var(--wp--preset--font-size--h-3);
	--fs-xl: var(--wp--preset--font-size--xl);
	--fs-lg: var(--wp--preset--font-size--lg);
	--fs-eyebrow: var(--wp--preset--font-size--eyebrow);
	--fs-lead: var(--wp--preset--font-size--lead);
	--fs-md: var(--wp--preset--font-size--md);
	--fs-body: var(--wp--preset--font-size--body);
	--fs-ui: var(--wp--preset--font-size--ui);
	--fs-small: var(--wp--preset--font-size--small);
	--fs-sm: var(--wp--preset--font-size--sm);
	--fs-xs: var(--wp--preset--font-size--xs);
	--fs-caps: var(--wp--preset--font-size--caps);
	--ls-tight: var(--wp--custom--letter-spacing--tight);
	--ls-caps: var(--wp--custom--letter-spacing--caps);
	--ls-logo: var(--wp--custom--letter-spacing--logo);
	--fs-logo: var(--wp--custom--font--logo);
	--fs-logo-sm: var(--wp--custom--font--logo-sm);
	--fs-logo-footer: var(--wp--custom--font--logo-footer);
	--fs-logo-sub: var(--wp--custom--font--logo-sub);
	--fs-menu: var(--wp--custom--font--menu);
	--strip-h: var(--wp--custom--header--strip-h);
	--fs-rating: var(--wp--custom--font--rating);
	--fs-time: var(--wp--custom--font--time);
	--fs-title-sm: var(--wp--custom--font--title-sm);
	--fs-quote: var(--wp--custom--font--quote);
	--fs-quote-sm: var(--wp--custom--font--quote-sm);
	--fs-h2-aside: var(--wp--custom--font--h-2-aside);
	--fs-h2-xl: var(--wp--custom--font--h-2-xl);
	--fs-h2-md: var(--wp--custom--font--h-2-md);
	--fs-h2-faq: var(--wp--custom--font--h-2-faq);
	--fs-rating-xl: var(--wp--custom--font--rating-xl);
	--fs-quote-md: var(--wp--custom--font--quote-md);
	--fs-h3-card: var(--wp--custom--font--h-3-card);
	--fs-card-sm: var(--wp--custom--font--card-sm);

	/* Layout & space */
	--container: var(--wp--custom--container);
	--gutter: var(--wp--preset--spacing--gutter);
	--space-sm: var(--wp--preset--spacing--sm);
	--section: var(--wp--preset--spacing--section);
	--section-lg: var(--wp--preset--spacing--section-lg);
	--section-sm: var(--wp--preset--spacing--section-sm);

	/* Shape */
	--radius-pill: var(--wp--custom--radius--pill);
	--radius-2xl: var(--wp--custom--radius--2-xl);
	--radius-header: var(--wp--custom--radius--header);
	--radius-bezel: var(--wp--custom--radius--bezel);
	--radius-xl: var(--wp--custom--radius--xl);
	--radius-lg: var(--wp--custom--radius--lg);
	--radius-md: var(--wp--custom--radius--md);
	--radius-tile: var(--wp--custom--radius--tile);
	--radius-sm: var(--wp--custom--radius--sm);
	--radius-xs: var(--wp--custom--radius--xs);
	--radius-arch: var(--wp--custom--radius--arch);
	--radius-chip: var(--wp--custom--radius--chip);
	--radius-badge: var(--wp--custom--radius--badge);

	/* Depth */
	--shadow-card: var(--wp--preset--shadow--card);
	--shadow-header: var(--wp--preset--shadow--header);
	--shadow-widget: var(--wp--preset--shadow--widget);
	--shadow-inner: var(--wp--custom--inner-shadow);
	--shadow-photo: var(--wp--custom--photo-shadow);
	--shadow-chip: var(--wp--custom--chip-shadow);
	--shadow-float: var(--wp--custom--float-shadow);
	--shadow-bar: var(--wp--custom--bar-shadow);
	--color-glass-bar: var(--wp--custom--glass-bar);
	--reel-bg: var(--wp--custom--reel--bg);
	--reel-shade: var(--wp--custom--reel--shade);
	--reel-sub: var(--wp--custom--reel--sub);
	--color-chart-grid: var(--wp--custom--chart-grid);
	--bezel-bg: var(--wp--custom--bezel--bg);
	--bezel-border: var(--wp--custom--bezel--border);
	--bezel-pad: var(--wp--custom--bezel--pad);
	--separate-border: var(--wp--custom--separate-border);

	/* Motion */
	--ease: var(--wp--custom--ease);
	--dur-ui: var(--wp--custom--duration--ui);
	--dur-reveal: var(--wp--custom--duration--reveal);
}