:root{
--verde-300:#A2BC3C;--verde-500:#8CA52A;--verde-600:#6B7F2A;--verde-700:#657828;--verde-900:#4A5A1C;
--carbon-950:#111311;--carbon-900:#1C1C1C;--carbon-850:#1C1F1A;--carbon-700:#3A3D36;
--gris-600:#5C6257;--gris-400:#9CA396;--hueso-200:#E9EAE6;--hueso-100:#F4F5F0;--blanco:#FFFFFF;
--rojo-claro:oklch(0.52 0.16 28);--rojo-oscuro:oklch(0.72 0.15 28);--ambar-claro:oklch(0.52 0.12 75);--ambar-oscuro:oklch(0.80 0.13 80);
--marca:var(--verde-500);--accion:var(--verde-500);--accion-hover:var(--verde-300);--texto-sobre-accion:var(--carbon-950);
--capa-blur:rgba(17,19,17,.7);--borde-capa:rgba(255,255,255,.1);--texto-sobre-foto:rgba(255,255,255,.88);
--velo-foto-h:linear-gradient(90deg,rgba(17,19,17,.88) 0%,rgba(17,19,17,.55) 42%,rgba(17,19,17,.08) 75%); /* @kind color */

--velo-foto-v:linear-gradient(180deg,rgba(17,19,17,.9) 0%,rgba(17,19,17,.75) 48%,rgba(17,19,17,.15) 78%); /* @kind color */

--wordmark-footer:var(--carbon-700);
--fondo:var(--hueso-100);--superficie:var(--hueso-200);--tarjeta:var(--blanco);
--texto-primario:var(--carbon-950);--texto-secundario:var(--gris-600);
--borde:rgba(17,19,17,.16);--borde-sutil:rgba(17,19,17,.08);--borde-fuerte:rgba(17,19,17,.4);--hover-velo:rgba(17,19,17,.06);
--acento:var(--verde-700);--foco:var(--verde-700);--exito:var(--verde-700);--error:var(--rojo-claro);--alerta:var(--ambar-claro);
--anillo-campo:0 0 0 4px rgba(140,165,42,.25);
}
[data-tema="claro"]{
--fondo:var(--hueso-100);--superficie:var(--hueso-200);--tarjeta:var(--blanco);
--texto-primario:var(--carbon-950);--texto-secundario:var(--gris-600);
--borde:rgba(17,19,17,.16);--borde-sutil:rgba(17,19,17,.08);--borde-fuerte:rgba(17,19,17,.4);--hover-velo:rgba(17,19,17,.06);
--acento:var(--verde-700);--foco:var(--verde-700);--exito:var(--verde-700);--error:var(--rojo-claro);--alerta:var(--ambar-claro);
color:var(--texto-primario);
}
[data-tema="oscuro"]{
--fondo:var(--carbon-950);--superficie:var(--carbon-900);--tarjeta:var(--carbon-850);
--texto-primario:var(--blanco);--texto-secundario:var(--gris-400);
--borde:rgba(255,255,255,.16);--borde-sutil:rgba(255,255,255,.1);--borde-fuerte:rgba(255,255,255,.55);--hover-velo:rgba(255,255,255,.1);
--acento:var(--verde-500);--foco:var(--verde-500);--exito:var(--verde-500);--error:var(--rojo-oscuro);--alerta:var(--ambar-oscuro);
color:var(--texto-primario);
}