@layer site {
  /* Editor's ready-made palettes — single source of truth for each one's
   8 color fields (window.EDITOR_PALETTES in palettes.js keeps id/label to
   render the dots, but the actual color values live only here).
   Each palette is a complete, independent bundle — it doesn't adapt to
   the active theme, it overrides it. Only the 8 base fields; the derived
   variables (--nav-bg, --hero-count-bg, --color-text-secondary,
   --color-border, --color-bg-glow, --color-primary-tint) come from
   sites-base.css, computed from these.
   Loaded only in the editor/preview — on the published site the values
   are already resolved and come via color-overrides-style.html. */
  .event-theme.palette-ambar {
    --color-hero-bg: #241b12;
    --color-bg-secondary: #2e2216;
    --color-bg: #3a2c1c;
    --color-primary: #c9a961;
    --color-button: #c9a961;
    --color-surface: #2a2015;
    --color-title: #f5efe3;
    --color-text: #c9bca8;
  }
  .event-theme.palette-ceu {
    --color-hero-bg: #eef1f8;
    --color-bg-secondary: #ffffff;
    --color-bg: #e4eaf5;
    --color-primary: #5a6fa8;
    --color-button: #2e3b5e;
    --color-surface: #ffffff;
    --color-title: #212c4d;
    --color-text: #4c5a7a;
  }
  .event-theme.palette-azul-noturno {
    --color-hero-bg: #1b2440;
    --color-bg-secondary: #212c4d;
    --color-bg: #283760;
    --color-primary: #b8925a;
    --color-button: #b8925a;
    --color-surface: #232f52;
    --color-title: #f2eee3;
    --color-text: #a8b4cc;
  }
  .event-theme.palette-cobre {
    --color-hero-bg: #f5ebe3;
    --color-bg-secondary: #ffffff;
    --color-bg: #f0dfd3;
    --color-primary: #bc6c3f;
    --color-button: #8b4a2b;
    --color-surface: #ffffff;
    --color-title: #4a2c1a;
    --color-text: #6b4a38;
  }
  .event-theme.palette-bordo {
    --color-hero-bg: #2b1a22;
    --color-bg-secondary: #33202a;
    --color-bg: #3d2732;
    --color-primary: #d497ac;
    --color-button: #d497ac;
    --color-surface: #301e28;
    --color-title: #f5e7eb;
    --color-text: #c9aeb8;
  }
  .event-theme.palette-gold {
    --color-hero-bg: #faf6ed;
    --color-bg-secondary: #ffffff;
    --color-bg: #f5eed9;
    --color-primary: #c9a227;
    --color-button: #1a1a1a;
    --color-surface: #ffffff;
    --color-title: #1a1a1a;
    --color-text: #5c5546;
  }
  .event-theme.palette-bronze {
    --color-hero-bg: #241712;
    --color-bg-secondary: #2e1d16;
    --color-bg: #3a251a;
    --color-primary: #d98e5c;
    --color-button: #d98e5c;
    --color-surface: #2a1b14;
    --color-title: #f5e8de;
    --color-text: #c9ab99;
  }
  .event-theme.palette-jerusalem {
    --color-hero-bg: #f4ede4;
    --color-bg-secondary: #ffffff;
    --color-bg: #f0e8dc;
    --color-primary: #b08d57;
    --color-button: #2b2420;
    --color-surface: #ffffff;
    --color-title: #2b2420;
    --color-text: #5c5148;
  }
  .event-theme.palette-musgo {
    --color-hero-bg: #1e2318;
    --color-bg-secondary: #252b1d;
    --color-bg: #2e3524;
    --color-primary: #9aad73;
    --color-button: #9aad73;
    --color-surface: #242a1c;
    --color-title: #eef1e7;
    --color-text: #b7c0a5;
  }
  .event-theme.palette-oliva {
    --color-hero-bg: #eef1e7;
    --color-bg-secondary: #ffffff;
    --color-bg: #e4e9da;
    --color-primary: #6b7a4f;
    --color-button: #3e4a2c;
    --color-surface: #ffffff;
    --color-title: #2e3524;
    --color-text: #55604a;
  }
  .event-theme.palette-onix {
    --color-hero-bg: #1a1710;
    --color-bg-secondary: #221e14;
    --color-bg: #2c2718;
    --color-primary: #d4b245;
    --color-button: #d4b245;
    --color-surface: #211d13;
    --color-title: #f5f0e0;
    --color-text: #c4bca4;
  }
  .event-theme.palette-rose {
    --color-hero-bg: #fbeff2;
    --color-bg-secondary: #ffffff;
    --color-bg: #f7e7ec;
    --color-primary: #c77b95;
    --color-button: #6b4557;
    --color-surface: #ffffff;
    --color-title: #4a2c38;
    --color-text: #6e5560;
  }
}