/* Tokens de marca Dev JMNZ para DevJMNZ Projects.
   Fuente de verdad: devjmnz-site/src/styles/globals.css + system/globals/*.md.
   OKLCH con fallback hex donde hace falta (algunos navegadores viejos / capturas). */
:root {
	/* Color */
	--dj-bg: #0d0f14;
	--dj-bg: oklch(16.9% 0.011 268);
	--dj-surface: oklch(20.5% 0.014 265);
	--dj-surface-2: oklch(23.5% 0.015 265);
	--dj-border: oklch(28% 0.016 265);
	--dj-border-hover: oklch(35% 0.02 265);
	--dj-text: #e8eaf0;
	--dj-text-muted: #8b95a7;
	--dj-muted: #4a5570;
	--dj-accent: #00c896;
	--dj-accent: oklch(73.9% 0.1516 166.9);
	--dj-accent-contrast: #0d0f14;
	--dj-mint: #37e7b2;
	--dj-warn: #e8b95e;
	--dj-danger: #e86a5e;
	--dj-success: #00c896;

	/* Tipografia */
	--dj-font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--dj-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

	/* Radios */
	--dj-radius: 0.75rem;
	--dj-radius-pill: 9999px;
	--dj-radius-input: 0.375rem;

	/* Espaciado */
	--dj-space-1: 0.25rem;
	--dj-space-2: 0.5rem;
	--dj-space-3: 0.75rem;
	--dj-space-4: 1rem;
	--dj-space-5: 1.5rem;
	--dj-space-6: 2rem;
	--dj-space-7: 2.5rem;
	--dj-space-8: 3rem;

	/* Layout */
	--dj-container: 80rem;

	/* Foco */
	--dj-focus-ring: var(--dj-accent);
}

@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Geist Mono';
	src: url('../fonts/GeistMono-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}