:root {
  --bg: #f6f7ee;
  --bg-elevada: #ffffff;
  --bg-hundida: #eaeede;
  --texto: #172922;
  --texto-tenue: #58695d;
  --borde: #dce2d1;
  --acento: #e5690e;
  --acento-texto: #1c1206;
  --exito: #1f7a34;
  --exito-texto: #ffffff;
  --peligro: #b93327;
  --peligro-texto: #ffffff;
  --peligro-bg: #fbe3df;
  --advertencia: #8c5a08;
  --advertencia-bg: #fbeacb;
  --sombra: 0 2px 10px rgba(23, 41, 34, 0.09);
  --sombra-flotante: 0 12px 32px rgba(23, 41, 34, 0.22);
}

:root[data-tema="oscuro"] {
  --bg: #0a211d;
  --bg-elevada: #123830;
  --bg-hundida: #071410;
  --texto: #f1f5ea;
  --texto-tenue: #9db2a2;
  --borde: #1e453d;
  --acento: #ff9b48;
  --acento-texto: #1c1206;
  --exito: #3fbe58;
  --exito-texto: #06210c;
  --peligro: #ff7259;
  --peligro-texto: #2b0805;
  --peligro-bg: #3a1610;
  --advertencia: #f0ac3e;
  --advertencia-bg: #3a2a0b;
  --sombra: 0 2px 10px rgba(0, 0, 0, 0.4);
  --sombra-flotante: 0 14px 36px rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --bg: #0a211d;
    --bg-elevada: #123830;
    --bg-hundida: #071410;
    --texto: #f1f5ea;
    --texto-tenue: #9db2a2;
    --borde: #1e453d;
    --acento: #ff9b48;
    --acento-texto: #1c1206;
    --exito: #3fbe58;
    --exito-texto: #06210c;
    --peligro: #ff7259;
    --peligro-texto: #2b0805;
    --peligro-bg: #3a1610;
    --advertencia: #f0ac3e;
    --advertencia-bg: #3a2a0b;
    --sombra: 0 2px 10px rgba(0, 0, 0, 0.4);
    --sombra-flotante: 0 14px 36px rgba(0, 0, 0, 0.6);
  }
}