/* Tokens de marca — Salva Tejero Software Company. Generado desde tokens.json.
   Claro por defecto; oscuro con prefers-color-scheme o con data-theme=dark en <html>. */
:root{
  --surface-100:#FFFFFF;
  --surface-200:#F4F1EA;
  --ink:#141110;
  --ink-muted:#6B5A45;
  --verde:#35693F;
  --on-verde:#FFFFFF;
  --rojo:#B3342B;
  --mostaza:#D9A520;
  --azul:#8FB5C9;
  --deep:#2A2118;
  --app-cagodromo:#2A6496;
  --app-agujetapp-turquesa:#3FBFCA;
  --app-agujetapp-lila:#A98CE8;
  --space-1:4px;
  --space-2:8px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --header-alto:72px;
  --header-alto-movil:64px;
  --foco-ancho:3px;
  --foco-separacion:3px;
  --borde:1px;
  --borde-grueso:2px;
  --subrayado-separacion:3px;
  --tactil-min:44px;
  --logo-st:40px;
  --logo-pie:112px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --bp-tablet:640px;
  --bp-desktop:1024px;
  --container-max:1200px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    --surface-100:#141110;
    --surface-200:#211B17;
    --ink:#F1E6D0;
    --ink-muted:#C9B99A;
    --verde:#6FB07C;
    --on-verde:#141110;
    --rojo:#E0675D;
    --mostaza:#E3B33A;
    --azul:#8FB5C9;
    --deep:#4A3A2A;
    --app-cagodromo:#7FB2DE;
    --app-agujetapp-turquesa:#3FBFCA;
    --app-agujetapp-lila:#A98CE8;
  }
}
:root[data-theme=dark]{
  --surface-100:#141110;
  --surface-200:#211B17;
  --ink:#F1E6D0;
  --ink-muted:#C9B99A;
  --verde:#6FB07C;
  --on-verde:#141110;
  --rojo:#E0675D;
  --mostaza:#E3B33A;
  --azul:#8FB5C9;
  --deep:#4A3A2A;
  --app-cagodromo:#7FB2DE;
  --app-agujetapp-turquesa:#3FBFCA;
  --app-agujetapp-lila:#A98CE8;
}
/* Los breakpoints no funcionan con var() dentro de @media; usa los valores: 640px (tablet) y 1024px (escritorio). */