@layer reset, base, components, utilities, site, states;

@layer base {
	:root {
		color-scheme: light;

		--font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', sans-serif;
		--text-primary: var(--color0-1);
		--text-secondary: var(--color0-2);
		--text-inverse: #fff;
		--surface: #fff;
		--surface-soft: var(--color0-4);
		--surface-muted: var(--color0-5);
		--border-soft: var(--color0-3);
		--brand-primary: var(--color1-1);
		--brand-primary-hover: #00c989;
		--brand-primary-contrast: #143d32;
		--brand-text: #08795c;
		--brand-secondary: var(--color1-2);
		--brand-secondary-hover: #0b2f27;
		--brand-accent: var(--color1-3);
		--brand-accent-contrast: #17241f;
		--brand-accent-text: #8a5b00;
		--brand-ink: var(--color0-1);
		--success: #08795c;
		--danger: #c64040;
		--danger-contrast: #fff;
		--warning: #8a5b00;
		--warning-surface: #ffc107;
		--warning-contrast: #17241f;
		--focus-ring: #08795c;
		--radius-sm: 0.55rem;
		--radius-md: 0.9rem;
		--radius-lg: 1.35rem;
		--shadow-sm: 0 0.2rem 0.8rem rgb(18 42 35 / 7%);
		--shadow-md: 0 0.8rem 2.5rem rgb(18 42 35 / 11%);
		--shadow-lg: 0 1.4rem 4rem rgb(18 42 35 / 15%);
		--content-width: 84rem;
		--header-height: 5.5rem;

		/* GRISES */
		--color0-1: #17241f;
		--color0-2: #61706a;
		--color0-3: #dce6e1;
		--color0-4: #f8faf9;
		--color0-5: #eff4f2;
		--color0-6: #96a49f;

		/* COLORES PRINCIPALES DE LA MARCA */
		--color1-1: #00dd97;
		--color1-2: #143d32;
		--color1-3: #e7b14b;
		--color1-4: #effbf7;
		--color1-5: #d8f8eb;

		/* COLORES COMPLEMENTARIOS */
		--color3-1: #a9e8c9;
		--color5-1: var(--danger);
		--color6-1: var(--warning-surface);
	}

	@font-face {
		font-family: 'Plus Jakarta Sans';
		src: url('/Assets/fonts/PlusJakartaSans/PlusJakartaSans-Latin.woff2') format('woff2');
		font-weight: 200 800;
		font-style: normal;
		font-display: swap;
		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: 'Plus Jakarta Sans';
		src: url('/Assets/fonts/PlusJakartaSans/PlusJakartaSans-Latin-Italic.woff2') format('woff2');
		font-weight: 200 800;
		font-style: italic;
		font-display: swap;
		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;
	}
}