:root {
  --tinta: #12203e;
  --fondo: #ffffff;
  --papel: #f7f6f3;
  --fondo-suave: #f1f0ec;
  --linea: #e9e8e4;
  --control-borde: #8a8781;
  --texto: #37352f;
  --texto-2: #585753;
  --texto-3: #706d66;
  --propuesta: #3a5fa8;
  --propuesta-suave: #e8edf7;
  --sobre-propuesta: #ffffff;
  --hecho: #2f7b32;
  --hecho-suave: #e8f2e8;
  --aviso: #985c0b;
  --aviso-suave: #f8efdf;
  
  --boton: #12203e;
  --sobre-boton: #ffffff;
  --boton-encima: #24365e;
  --sombra: 0 1px 2px rgb(18 32 62 / .06), 0 8px 24px rgb(18 32 62 / .06);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tinta: #e4e8f0;
    --fondo: #1b1b1b;
    --papel: #171717;
    --fondo-suave: #262625;
    --linea: #343432;
    --control-borde: #7a776f;
    --texto: #e6e4e0;
    --texto-2: #b4b0aa;
    --texto-3: #928f8a;
    --propuesta: #8faee8;
    --propuesta-suave: rgb(143 174 232 / .13);
    --sobre-propuesta: #12203e;
    --hecho: #6cc46f;
    --hecho-suave: rgb(108 196 111 / .13);
    --aviso: #e0a34a;
    --aviso-suave: rgb(224 163 74 / .13);
    --boton: #e4e8f0;
    --sobre-boton: #12203e;
    --boton-encima: #ffffff;
    --sombra: none;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --tinta: #e4e8f0;
  --fondo: #1b1b1b;
  --papel: #171717;
  --fondo-suave: #262625;
  --linea: #343432;
  --control-borde: #7a776f;
  --texto: #e6e4e0;
  --texto-2: #b4b0aa;
  --texto-3: #928f8a;
  --propuesta: #8faee8;
  --propuesta-suave: rgb(143 174 232 / .13);
  --sobre-propuesta: #12203e;
  --hecho: #6cc46f;
  --hecho-suave: rgb(108 196 111 / .13);
  --aviso: #e0a34a;
  --aviso-suave: rgb(224 163 74 / .13);
  --boton: #e4e8f0;
  --sobre-boton: #12203e;
  --boton-encima: #ffffff;
  --sombra: none;
  color-scheme: dark;
}


.maqueta {
  --fondo: #1e1e1e;
  --papel: #232323;
  --fondo-suave: #2b2b2b;
  --linea: #3d3d3d;
  --texto: #e6e4e0;
  --texto-2: #b4b0aa;
  --texto-3: #9a9790;
  --propuesta: #8faee8;
  --propuesta-suave: rgb(143 174 232 / .14);
  color-scheme: dark;
}