:root{
/* Base */
--carbon:#1E2522;--carbon-2:#2A3330;--carbon-3:#2F3A36;--carbon-line:#33403B;--carbon-line-2:#4A5650;--carbon-dim:#6B7570;--carbon-placeholder:#8C948F;
--hueso:#F5F1EA;--hueso-2:#E4DED2;--hueso-grid:#DAD3C6;
--piedra:#CFC8BC;--piedra-text:#A39B8C;--piedra-text-2:#8C8375;--carbon-suave:#55503F;--carbon-suave-2:#6F685B;
--bronce:#A9803F;--bronce-claro:#CFA055;
--terracota:#9C4A2F;--terracota-claro:#C9673F;--terracota-texto:#D98A6A;
--lago:#3D5A6C;--lago-claro:#7398AA;--puna:#4B6A55;--puna-claro:#85A98C;
/* Semantic — dark surface (default) */
--surface:var(--carbon);--surface-raised:var(--carbon-2);--surface-photo:var(--carbon-2);
--border:var(--carbon-line);--border-strong:var(--carbon-line-2);--border-input:var(--carbon-dim);
--text:var(--hueso);--text-secondary:var(--piedra);--text-muted:var(--piedra-text);--text-dim:var(--carbon-dim);--text-placeholder:var(--carbon-placeholder);
--accent:var(--bronce);--accent-text:var(--bronce-claro);--link:var(--bronce-claro);--link-hover:var(--hueso);
--danger:var(--terracota);--danger-text:var(--terracota-texto);
--btn-primary-bg:var(--hueso);--btn-primary-fg:var(--carbon);--btn-primary-hover:var(--hueso-2);
--btn-secondary-border:var(--bronce);--btn-secondary-hover:var(--bronce-claro);--btn-secondary-fg:var(--hueso);
--focus-ring:var(--bronce);
--pattern-ink:var(--bronce);--pattern-ink-tonal:var(--carbon-3);
--shadow-card:0 14px 30px rgba(30,37,34,0.18);--shadow-deep:0 10px 24px rgba(0,0,0,0.3);
}
/* Light scope: hueso surfaces */
[data-surface="hueso"],.surface-hueso{
--surface:var(--hueso);--surface-raised:var(--hueso);--border:var(--piedra);--border-strong:var(--piedra);--border-input:var(--carbon-suave-2);
--text:var(--carbon);--text-secondary:var(--carbon-suave);--text-muted:var(--carbon-suave-2);--text-dim:var(--piedra-text-2);--text-placeholder:var(--piedra-text-2);
--accent-text:var(--bronce);--link:var(--bronce);--link-hover:var(--carbon);
--danger-text:var(--terracota);
--btn-primary-bg:var(--carbon);--btn-primary-fg:var(--hueso);--btn-primary-hover:var(--carbon-2);
--btn-secondary-fg:var(--carbon);
--pattern-ink-tonal:var(--hueso-grid);
background:var(--surface);color:var(--text);
}