/**
 * TIRENEX design tokens.
 * Barlow Condensed and Manrope ship under the SIL Open Font License.
 * The Latin subset includes German characters and the euro sign.
 */

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/barlow-condensed-600.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/barlow-condensed-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--ds-bg: #0b0e12;
	--ds-bg-deep: #050608;
	--ds-surface: #121820;
	--ds-surface-raised: #171d25;
	--ds-ink: #f4f1ea;
	--ds-text-secondary: #d5dbe4;
	--ds-muted: #c5ced8;
	--ds-line: rgba(244, 241, 234, 0.12);
	--ds-line-strong: rgba(244, 241, 234, 0.28);
	--ds-blue: #3174ff;
	--ds-blue-hover: #1d5fe0;
	--ds-blue-active: #184fbe;
	--ds-on-blue: #ffffff;
	--ds-danger: #e07a7a;
	--ds-focus: #3174ff;

	--ds-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--ds-font-body: "Manrope", "Segoe UI", sans-serif;
	--ds-size-display: clamp(3rem, 6vw, 5.2rem);
	--ds-size-h1: clamp(3rem, 5.4vw, 5.2rem);
	--ds-size-h2: clamp(2rem, 3.2vw, 3.2rem);
	--ds-size-h3: clamp(1.5rem, 2vw, 2.1rem);
	--ds-size-lead: 1.125rem;
	--ds-size-body: 1.0625rem;
	--ds-size-small: 0.875rem;
	--ds-size-label: 0.875rem;
	--ds-size-nav: 0.875rem;
	--ds-size-button: 0.8125rem;
	--ds-size-price: 1.875rem;
	--ds-leading-display: 0.9;
	--ds-leading-body: 1.6;
	--ds-leading-label: 1.4;
	--ds-track-display: 0.02em;
	--ds-track-nav: 0.08em;
	--ds-track-button: 0.12em;
	--ds-track-label: 0.04em;

	--ds-space-1: 4px;
	--ds-space-2: 8px;
	--ds-space-3: 12px;
	--ds-space-4: 16px;
	--ds-space-5: 24px;
	--ds-space-6: 32px;
	--ds-space-7: 48px;
	--ds-space-8: 72px;
	--ds-gutter: 48px;
	--ds-gutter-sm: 28px;

	--ds-container: 1440px;
	--ds-header: 80px;

	--ds-radius: 0px;
	--ds-radius-pill: 999px;

	--ds-duration: 0.2s;
	--ds-duration-slow: 0.45s;
	--ds-ease: cubic-bezier(0.22, 1, 0.36, 1);

	--ds-control: 54px;
	--ds-button: 52px;
	--ds-button-lg: 56px;
	--ds-touch: 44px;
	--ds-focus-width: 2px;
	--ds-focus-offset: 3px;

	--bg: var(--ds-bg);
	--bg-2: #10151b;
	--bg-3: var(--ds-surface-raised);
	--line: var(--ds-line);
	--text: var(--ds-ink);
	--muted: var(--ds-muted);
	--blue: var(--ds-blue);
	--blue-2: var(--ds-blue-hover);
	--header: var(--ds-header);
	--display: var(--ds-font-display);
	--body: var(--ds-font-body);
	--container: var(--ds-container);
}