@layer cal-tokens, cal-base, cal-components, cal-content, cal-calculator;

@layer cal-tokens {
:root {
	--cal-ink: var(--wp--preset--color--ink, #101f28);
	--cal-navy: var(--wp--preset--color--navy, #0c2b3a);
	--cal-muted: var(--wp--preset--color--muted, #5b6f79);
	--cal-body-copy: var(--wp--preset--color--body-copy, #33454f);
	--cal-faint: var(--wp--preset--color--faint, #8ba0aa);
	--cal-paper: var(--wp--preset--color--paper, #faf6ee);
	--cal-surface: var(--wp--preset--color--surface, #ffffff);
	--cal-header-surface: rgba(255, 255, 255, 0.97);
	--cal-hero-background: none;
	--cal-tint: var(--wp--preset--color--tint, #eaf2f5);
	--cal-line: var(--wp--preset--color--line, #dfe7ea);
	--cal-accent: var(--wp--preset--color--accent, #ffb627);
	--cal-accent-deep: var(--wp--preset--color--accent-deep, #8a4e0b);
	--cal-danger: var(--wp--preset--color--danger, #a32626);
	--cal-positive: var(--wp--preset--color--positive, #1e7f4f);
	--cal-warning: var(--wp--preset--color--warning, #7a5a15);
	--cal-warning-surface: var(--wp--preset--color--warning-surface, #fff8e9);
	--cal-warning-ink: var(--wp--preset--color--warning-ink, #5e5b4d);
	--cal-danger-surface: var(--wp--preset--color--danger-surface, #fff4f2);
	--cal-focus: var(--wp--preset--color--focus, #1d6f82);
	--cal-color-text: var(--cal-ink);
	--cal-color-text-subtle: var(--cal-muted);
	--cal-color-link: var(--cal-accent-deep);
	--cal-color-link-hover: var(--cal-navy);
	--cal-color-on-accent: var(--cal-ink);
	--cal-color-on-navy: var(--cal-surface);
	--cal-color-hero-muted: color-mix(in srgb, var(--cal-surface) 86%, var(--cal-navy));
	--cal-color-surface-soft: var(--cal-tint);
	--cal-footer-surface: var(--cal-navy);
	--cal-footer-text: var(--cal-surface);
	--cal-footer-muted: color-mix(in srgb, var(--cal-surface) 68%, var(--cal-navy));
	--cal-footer-line: color-mix(in srgb, var(--cal-surface) 26%, var(--cal-navy));
	--cal-shadow-panel: 0 10px 28px rgb(23 40 50 / 0.035);
	--cal-shadow-card: 0 14px 34px rgb(23 40 50 / 0.065);
	--cal-shadow-header: 0 1px 0 rgb(23 40 50 / 0.03);
	--cal-radius-sm: 6px;
	--cal-radius-md: 8px;
	--cal-radius-lg: 12px;
	--cal-content: 1136px;
	--cal-wide: 1200px;
	--cal-gutter: 32px;
	--cal-gutter-mobile: 20px;
	--cal-shell-width: calc(var(--cal-content) + var(--cal-gutter) + var(--cal-gutter));
	--cal-reading: 1136px;
	--cal-font: var(--wp--preset--font-family--cal-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	--cal-space-1: var(--wp--preset--spacing--space-1, 0.35rem);
	--cal-space-2: var(--wp--preset--spacing--space-2, 0.65rem);
	--cal-space-3: var(--wp--preset--spacing--space-3, 0.9rem);
	--cal-space-4: var(--wp--preset--spacing--space-4, 1.25rem);
	--cal-space-5: var(--wp--preset--spacing--space-5, 1.75rem);
}
}