/* Generated by scripts/build-theme-json.mjs. Maps design-system variable names to the WordPress presets. */
:root {
  --sol: var(--wp--preset--color--sol);
  --bronce: var(--wp--preset--color--bronce);
  --negro: var(--wp--preset--color--negro);
  --cal: var(--wp--preset--color--cal);
  --arena: var(--wp--preset--color--arena);
  --oro: var(--wp--preset--color--oro);
  --turquesa: var(--wp--preset--color--turquesa);
  --selva: var(--wp--preset--color--selva);
  --marino: var(--wp--preset--color--marino);
  --miel: var(--wp--preset--color--miel);
  --tomate: var(--wp--preset--color--tomate);
  --cacao: var(--wp--preset--color--cacao);
  --mar: var(--wp--preset--color--mar);
  --verde: var(--wp--preset--color--verde);
  --celeste: var(--wp--preset--color--celeste);
  --buganvilia: var(--wp--preset--color--buganvilia);
  --morado: var(--wp--preset--color--morado);
  --azafran: var(--wp--preset--color--azafran);
  --vino: var(--wp--preset--color--vino);
  --on-light: var(--wp--preset--color--on-light);
  --on-dark: var(--wp--preset--color--on-dark);
  --surface: var(--wp--custom--color--surface);
  --surface-raised: var(--wp--custom--color--surface-raised);
  --surface-warm: var(--wp--custom--color--surface-warm);
  --ink: var(--wp--custom--color--ink);
  --ink-muted: var(--wp--custom--color--ink-muted);
  --line: var(--wp--custom--color--line);
  --line-strong: var(--wp--custom--color--line-strong);
  --link: var(--wp--custom--color--link);
  --focus: var(--wp--custom--color--focus);
  --ok: var(--wp--custom--color--ok);
  --aviso: var(--wp--custom--color--aviso);
  --error: var(--wp--custom--color--error);
  --info: var(--wp--custom--color--info);
  --font-display: var(--wp--preset--font-family--display);
  --font-text: var(--wp--preset--font-family--text);
  --space-1: var(--wp--preset--spacing--1);
  --space-2: var(--wp--preset--spacing--2);
  --space-3: var(--wp--preset--spacing--3);
  --space-4: var(--wp--preset--spacing--4);
  --space-5: var(--wp--preset--spacing--5);
  --space-6: var(--wp--preset--spacing--6);
  --space-7: var(--wp--preset--spacing--7);
  --space-8: var(--wp--preset--spacing--8);
  --space-9: var(--wp--preset--spacing--9);
  --radius-0: var(--wp--custom--radius--0);
  --radius-sm: var(--wp--custom--radius--sm);
  --radius-pill: var(--wp--custom--radius--pill);
  --radius-round: var(--wp--custom--radius--round);
  --stroke-hair: var(--wp--custom--stroke--hair);
  --stroke-rule: var(--wp--custom--stroke--rule);
  --stroke-band: var(--wp--custom--stroke--band);
  --duration-instant: var(--wp--custom--duration--instant);
  --duration-quick: var(--wp--custom--duration--quick);
  --duration-move: var(--wp--custom--duration--move);
  --duration-scene: var(--wp--custom--duration--scene);
  --ease-out: var(--wp--custom--easing--out);
  --ease-in: var(--wp--custom--easing--in);
  --shadow-float: var(--wp--preset--shadow--float);
}

/* A section marked data-theme="noche" (the day turning to night) resolves the semantic colors to the noche theme. */
[data-theme="noche"] {
  --surface: #21201e;
  --surface-raised: #2c2a27;
  --surface-warm: #38342e;
  --ink: #faf6ee;
  --ink-muted: #c9bb9c;
  --line: rgba(250, 246, 238, 0.16);
  --line-strong: #a39673;
  --link: #7fb0ec;
  --focus: #ffc450;
  --ok: #5cc4ad;
  --aviso: #f0b84a;
  --error: #ff8f80;
  --info: #7fb0ec;
  --shadow-float: 0 6px 24px rgba(0, 0, 0, 0.5);
}
