/**
 * Trippple design tokens (trippple.no).
 */

:root {
	/* Brand colors */
	--trippple-blue-1: #005cff;
	--trippple-blue-2: #0084ff;
	--trippple-blue-3: #001dff;
	--trippple-red: #ee745d;
	--trippple-pink: #fef1ee;
	--trippple-ink: #1d1d1b;
	--trippple-text: #333333;
	--trippple-white: #ffffff;
	--trippple-border: #e6e6e6;
	--trippple-input-bg: rgba(238, 116, 93, 0.04);

	/* Typography */
	--trippple-font-body: 'tt-firs-medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--trippple-font-heading: 'tt-firs-bold', var(--trippple-font-body);
	--trippple-font-size-body: 20px;
	--trippple-line-height-body: 1.5;
	--trippple-font-size-h1: 50px;
	--trippple-font-size-h2: 40px;
	--trippple-font-size-h3: 32px;
	--trippple-font-size-h4: 22px;
	--trippple-font-size-h5: 20px;
	--trippple-font-size-h6: 18px;

	/* Spacing & shape */
	--trippple-radius-button: 50px;
	--trippple-radius-input: 0;
	--trippple-transition: 0.3s ease-in-out;
	--trippple-link-underline: 5px;

	/* Astra global palette mapping */
	--ast-global-color-0: var(--trippple-blue-1);
	--ast-global-color-1: var(--trippple-blue-2);
	--ast-global-color-2: var(--trippple-text);
	--ast-global-color-3: var(--trippple-ink);
	--ast-global-color-4: var(--trippple-white);
	--ast-global-color-5: var(--trippple-pink);
	--ast-global-color-6: var(--trippple-border);
	--ast-global-color-7: var(--trippple-red);
	--ast-global-color-8: #111111;
}

@media (max-width: 991px) {
	:root {
		--trippple-font-size-body: 18px;
		--trippple-font-size-h1: 36px;
		--trippple-font-size-h2: 30px;
		--trippple-font-size-h3: 24px;
		--trippple-font-size-h4: 18px;
		--trippple-font-size-h5: 14px;
		--trippple-font-size-h6: 12px;
	}
}