/**
 * Atlas de señales design tokens.
 *
 * Loaded on native local Atlas surfaces with self-hosted OFL typefaces.
 */

@font-face {
	font-family: "Rethink Sans";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/RethinkSans-Variable.ttf") format("truetype");
}

@font-face {
	font-family: "Fragment Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/FragmentMono-Regular.ttf") format("truetype");
}

body.atalaia-atlas-home {
	--atlas-paper: #f2eee4;
	--atlas-paper-light: #fbf8f1;
	--atlas-white: #ffffff;
	--atlas-ink: #171815;
	--atlas-charcoal: #22241f;
	--atlas-text-secondary: #67645d;
	--atlas-text-inverse: #fbf8f1;
	--atlas-text-inverse-muted: #cdc7bb;
	--atlas-stone: #cdc7bb;
	--atlas-divider-strong: #89837a;
	--atlas-divider-dark: #817b72;
	--atlas-signal: #b94329;
	--atlas-signal-hover: #98341f;
	--atlas-signal-active: #7a2819;
	--atlas-signal-soft: #f3d9d0;
	--atlas-signal-dark: #f18e6f;

	--atlas-font-sans: "Rethink Sans", "Avenir Next", "Segoe UI", Arial, sans-serif;
	--atlas-font-mono: "Fragment Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

	--atlas-space-1: 0.25rem;
	--atlas-space-2: 0.5rem;
	--atlas-space-3: 1rem;
	--atlas-space-4: 1.5rem;
	--atlas-space-5: 2.5rem;
	--atlas-space-6: 4rem;
	--atlas-space-7: 6rem;
	--atlas-space-8: 9rem;

	--atlas-gutter: clamp(1.25rem, 4vw, 4rem);
	--atlas-grid-gap: clamp(1rem, 1.8vw, 1.5rem);
	--atlas-container: 82.5rem;
	--atlas-container-wide: 90rem;
	--atlas-section-space: clamp(4rem, 5vw, 5rem);
	--atlas-section-follow-space: clamp(2rem, 2.5vw, 2.5rem);
	--atlas-header-height: 5.5rem;

	--atlas-display: clamp(3.5rem, 7.75vw, 7rem);
	--atlas-h2: clamp(2.625rem, calc(2rem + 2vw), 3.5rem);
	--atlas-h3: clamp(1.75rem, 2.5vw, 2.25rem);
	--atlas-lead: clamp(1.125rem, 0.5vw + 1rem, 1.25rem);

	--atlas-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--atlas-transition-fast: 180ms var(--atlas-ease-out);
	--atlas-transition-slow: 360ms var(--atlas-ease-out);
}

@media (max-width: 767px) {
	body.atalaia-atlas-home {
		--atlas-gutter: clamp(1rem, 5vw, 1.5rem);
		--atlas-section-follow-space: 2.5rem;
		--atlas-header-height: 4.5rem;
	}
}