/*
 * Design Tokens — Minemet Consulting, Versión 1.0
 * Fuente de verdad: DOCUMENTACION/04_UI_UX/DESIGN_TOKENS.md
 * Decisión: DOCUMENTACION/06_DECISIONES/D-002
 *
 * No editar valores aquí sin registrar antes una nueva decisión
 * en 06_DECISIONES — este archivo es un volcado literal del
 * documento congelado, no un lugar para ajustes puntuales.
 */

:root {
	/* ===== Primitivos ===== */
	--mm-graphite-950: #1A1714;
	--mm-graphite-900: #211D1A;
	--mm-graphite-700: #4A433D;
	--mm-graphite-500: #6B6259;
	--mm-graphite-300: #8A8075;
	--mm-graphite-100: #E3DCD3;
	--mm-graphite-050: #F5F1EC;
	--mm-graphite-025: #FAF8F5;

	--mm-copper-700: #743C1B;
	--mm-copper-600: #8C4A22;
	--mm-copper-500: #A85C2C;
	--mm-copper-100: #F1E4D8;
	--mm-brand-orange: #C16900;
	--mm-brand-orange-hover: #A85C00;
	--mm-brand-orange-active: #894D06;

	--mm-cyan-500: #127A93;

	--mm-green-600: #1F5C3B; --mm-green-500: #2F7D4F; --mm-green-100: #E7F3EC;
	--mm-amber-600: #6B4E00; --mm-amber-500: #946800; --mm-amber-100: #FBF1D9;
	--mm-red-600: #8C1E19;   --mm-red-500: #B3261E;   --mm-red-100: #FBEAE9;
	--mm-blue-600: #1E3F5C;  --mm-blue-500: #2A5B8C;  --mm-blue-100: #E8EFF6;

	/* ===== Semánticos — tema claro (único definido en v1.0) ===== */
	--color-bg-base: var(--mm-graphite-025);
	--color-bg-alt: var(--mm-graphite-050);
	--color-bg-inverse: var(--mm-graphite-950);

	--color-surface: #FFFFFF;
	--color-surface-muted: var(--mm-graphite-050);
	--color-surface-border: var(--mm-graphite-100);

	--color-text-primary: var(--mm-graphite-900);
	--color-text-secondary: var(--mm-graphite-700);
	--color-text-muted: var(--mm-graphite-300);
	--color-text-inverse: var(--mm-graphite-050);

	--color-primary: var(--mm-graphite-900);
	--color-secondary: var(--mm-graphite-500);
	--color-accent: var(--mm-brand-orange);
	--color-accent-hover: var(--mm-brand-orange-hover);
	--color-accent-active: var(--mm-brand-orange-active);
	--color-accent-tint: var(--mm-copper-100);
	--color-tech: var(--mm-cyan-500);

	--color-success: var(--mm-green-500); --color-success-strong: var(--mm-green-600); --color-success-tint: var(--mm-green-100);
	--color-warning: var(--mm-amber-500); --color-warning-strong: var(--mm-amber-600); --color-warning-tint: var(--mm-amber-100);
	--color-error: var(--mm-red-500);     --color-error-strong: var(--mm-red-600);     --color-error-tint: var(--mm-red-100);
	--color-info: var(--mm-blue-500);     --color-info-strong: var(--mm-blue-600);     --color-info-tint: var(--mm-blue-100);

	/* ===== Tipografía ===== */
	--font-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
	--font-body: 'IBM Plex Sans', Arial, sans-serif;
	--font-mono: 'IBM Plex Mono', 'Courier New', monospace;

	/* ===== Espaciado ===== */
	--space-1: 4px;  --space-2: 8px;   --space-3: 16px; --space-4: 24px;
	--space-5: 32px; --space-6: 48px;  --space-7: 64px; --space-8: 96px;

	/* ===== Bordes y sombras ===== */
	--radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;
	--border-sm: 1px; --border-md: 2px;
	--shadow-sm: 0 1px 2px rgba(33,29,26,.08);
	--shadow-md: 0 4px 12px rgba(33,29,26,.10);
	--shadow-lg: 0 12px 32px rgba(33,29,26,.14);

	/* ===== Iconografía ===== */
	--icon-sm: 16px; --icon-md: 24px; --icon-lg: 32px; --icon-xl: 48px;
}

/*
 * Modo oscuro — estructura preparada, sin valores definidos (D-002, A.6).
 * No rellenar sin una nueva decisión en 06_DECISIONES.
 */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		/* pendiente */
	}
}
:root[data-theme="dark"] {
	/* pendiente */
}