:root {
  --acento: #fb631a;
  --acento-texto: #111111;
  --acento-enlace: #c44d14;
  --acento-fuerte: #d55416;
  --acento-suave: color-mix(in srgb, #fb631a 9%, #ffffff);
}
:root[data-tema="oscuro"] {
  --acento: #fb631a;
  --acento-texto: #111111;
  --acento-enlace: #fb631a;
  --acento-fuerte: #fb7635;
  --acento-suave: color-mix(in srgb, #fb631a 22%, #1c1c1e);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
  --acento: #fb631a;
  --acento-texto: #111111;
  --acento-enlace: #fb631a;
  --acento-fuerte: #fb7635;
  --acento-suave: color-mix(in srgb, #fb631a 22%, #1c1c1e);
  }
}