/**
 * Design tokens. GENERATED — do not edit.
 *
 * Source: src/css/tokens.css, sampled by hand from Figma
 * file jglGWXF0vnBMn7OHm7cGGe (frame 2:60). See that theme's
 * docs/design-tokens.md for the node id behind each value.
 *
 * Regenerate: node build/tokens.mjs
 */
:root {

	/* color */
	--color-navy: #0b3266;
	--color-navy-800: #082851;
	--color-blue-800: #003e8e;
	--color-blue-700: #004da8;
	--color-blue-600: #0062e2;
	--color-blue-550: #0061df;
	--color-blue-500: #2f80ed;
	--color-blue-450: #267be9;
	--color-sky-300: #70c3ff;
	--color-blue-480: #2477e4;
	--color-sky-50: #e6f5ff;
	--color-ice: #f1faff;
	--color-paper: #f9fcff;
	--color-mist: #fcfdfe;
	--color-snow: #fafafa;
	--color-pill-sky: #d6eeff;
	--color-chip-ice: #eaf8ff;
	--color-chip-border: #aeddff;
	--color-cta-sky: #c2ebff;
	--color-lime: #94f869;
	--color-leaf: #42961e;
	--color-sun: #ffc300;
	--color-sun-bright: #ffc907;
	--color-sun-deep: #ffcd29;
	--color-tangerine: #ff873c;
	--color-rust: #8d2811;
	--color-ink: #2b2b2b;
	--color-slate-600: #6e6e6e;
	--color-slate-500: #747474;
	--color-slate-450: #767676;
	--color-slate-300: #d8d8d8;
	--color-slate-200: #c5c5c5;
	--color-placeholder: #bdbdbd;
	--color-icon-gray: #666666;
	--color-arrow-gray: #777777;
	--color-media: #9c9c9c;
	--color-tile-border: #d4e2f3;
	--color-panel-sky: #eaf6ff;
	--color-panel-mist: #f6f8fb;
	--color-rail-line: #bfdcf5;
	--color-ok: #1f9d3d;
	--color-ok-bg: #f1faf2;
	--color-ok-border: #cbe9d1;
	--color-no: #d8443a;
	--color-no-bg: #fdf3f2;
	--color-no-border: #f3d3d0;
	--color-map-link: #e8442a;
	--color-scrim: #0b1220;
	--color-navy-600: #16375b;
	--color-slate-550: #8a8a8a;
	--color-slate-475: #8d8d8d;
	--color-slate-425: #aaaaaa;
	--color-slate-400: #ababab;
	--color-ink-700: #484848;
	--color-hairline: #e8e8e8;
	--color-chip-dark: #14120e;
	--color-flame: #ff420e;
	--color-amber: #ffaa00;

	/* font */
	--font-display: "Jua", ui-sans-serif, system-ui, sans-serif;
	--font-body: "Poppins", ui-sans-serif, system-ui, sans-serif;

	/* text */
	--text-display-xl: clamp(32px, 4.24vw, 64px);
	--text-display-md: clamp(22px, 1.85vw, 28px);
	--text-lead: clamp(15px, 1.19vw, 18px);
	--text-tab: clamp(13px, 1.06vw, 16px);
	--text-cta: 16px;
	--text-base: 16px;
	--text-sm: 14px;
	--text-13: 13px;
	--text-xs: 12px;
	--text-2xs: 11px;
	--text-3xs: 9px;
	--text-display-lg: clamp(28px, 3.71vw, 56px);
	--text-display-sm: clamp(20px, 1.72vw, 26px);
	--text-card-title: 24px;
	--text-price: 24px;
	--text-card-body: 15px;
	--text-field: 14px;

	/* leading */
	--leading-tight: 1.41;
	--leading-relaxed: 1.74;
	--leading-loose: 1.94;
	--leading-snug: 1.55;

	/* tracking */
	--tracking-badge: 0.13em;

	/* radius */
	--radius-field: 17px;
	--radius-card: 19px;
	--radius-panel: 23px;
	--radius-pill: 9999px;
	--radius-chip: 12px;
	--radius-media: 21px;
	--radius-card-lg: 30px;
	--radius-tile: 34px;
	--radius-modal: 24px;
	--radius-panel-sm: 14px;

	/* shadow */
	--shadow-nav: 0 4px 4px 0 rgb(0 0 0 / 0.11);
	--shadow-button: 0 4px 4px 0 rgb(0 0 0 / 0.16);
	--shadow-card: 0 4px 4px 0 rgb(0 0 0 / 0.25);
	--shadow-pill: 0 4px 4px 0 rgb(0 0 0 / 0.34);
	--shadow-hero-bar: 0 4px 13px 0 rgb(0 0 0 / 0.57);
	--shadow-tile: 0 4px 10px 0 rgb(11 50 102 / 0.05);
	--shadow-plate: 0 4px 10px 0 rgb(0 0 0 / 0.12);
	--shadow-modal: 0 24px 60px -12px rgb(11 18 32 / 0.45);

	/* container */
	--container-main: 1280px;
	--container-content: 1068px;
	--container-wide: 1330px;
	--container-read: 860px;

	/* header */
	--header-h: 126px;

	/* spacing */
	--spacing: 4px;
}