/* theme-sunset — hot tropical sunset: orange→pink→plum, lemon accent. Energetic
   and warm — for cafés, events, retail (general mode). */
:root {
  --sg-bg: linear-gradient(160deg, #ff8a0f 0%, #ff2a70 45%, #b510ad 80%, #6b0f87 100%);
  --sg-fg: #fffdf6;
  --sg-muted: rgba(255, 244, 230, .9);
  --sg-accent: #fff05c;      /* lemon */
  --sg-gold: #ffc93d;
  --sg-panel: rgba(255, 255, 255, .17);
  --sg-panel-brd: rgba(255, 255, 255, .4);
  --sg-particle: rgba(255, 214, 140, .7);   /* warm sparks */
  --sg-font: "Segoe UI", system-ui, "Helvetica Neue", sans-serif;
  --sg-flip-top: #a52270;   /* deep plum cards from the sunset's lower stops */
  --sg-flip-bot: #75154d;
  --sg-flip-fg: #fffdf6;
  --sg-overlay-panel: rgba(84, 15, 58, .85);
  /* Sun-orange drifting against the magenta band — the gradient's own two ends. */
  --sg-aurora-a: #ff9a2e;
  --sg-aurora-b: #ff3d9a;
  --sg-aurora-op: .34;
}
/* Sun glow on the horizon line + darkening toward the bottom for legibility. */
.sg-root::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(70% 45% at 50% -5%, rgba(255, 200, 80, .3), transparent 70%),
    linear-gradient(to bottom, rgba(25, 0, 35, .45) 0%, transparent 14%, transparent 84%, rgba(30, 0, 40, .5) 100%);
}