/* theme-elegant — dark luxe minimal: charcoal + champagne gold, restrained. */
:root {
  --sg-bg: radial-gradient(120% 90% at 50% -10%, #2c2c30 0%, #1b1b1e 45%, #101012 75%, #08080a 100%);
  --sg-fg: #fdf8f0;
  --sg-muted: rgba(245, 240, 232, .76);
  --sg-accent: #e2c48f;      /* champagne */
  --sg-gold: #f0d59c;
  --sg-panel: rgba(255, 255, 255, .09);
  --sg-panel-brd: rgba(210, 190, 150, .26);
  --sg-particle: rgba(230, 205, 140, .32);   /* very subtle */
  --sg-font: "Segoe UI", system-ui, "Helvetica Neue", sans-serif;
  --sg-flip-top: #3a3a40;   /* charcoal cards, champagne digits */
  --sg-flip-bot: #26262b;
  --sg-flip-fg: #fdf8f0;
  --sg-overlay-panel: rgba(24, 24, 28, .85);
  /* Restraint is this theme's whole point, so the aurora stays a warm breath
     rather than a colour show — half the opacity of the others. */
  --sg-aurora-a: #6b5b45;
  --sg-aurora-b: #b99a68;
  --sg-aurora-op: .18;
}
.sg-root::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(70% 45% at 50% 0%, color-mix(in srgb, var(--sg-accent) 10%, transparent), transparent 72%),
    linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent 14%, transparent 84%, rgba(0, 0, 0, .55) 100%);
}