/* =========================================================================
 * Elysium — Light Theme
 * Single light-theme surface layer for the token design system.
 * ===================================================================== */

[data-theme="elysium-light"] {
  --bg:
    radial-gradient(60% 40% at 80% 0%, rgba(185, 168, 255, 0.22), transparent 60%),
    radial-gradient(40% 30% at 0% 100%, rgba(210, 76, 255, 0.10), transparent 60%),
    var(--paper);
  --bg-2:      var(--paper-2);
  --surface:   rgba(255, 255, 255, 0.82);
  --surface-2: rgba(26, 19, 48, 0.04);
  --border:    rgba(26, 19, 48, 0.10);
  --border-2:  rgba(26, 19, 48, 0.05);
  --fg:        var(--ink);
  --fg-2:      var(--ink-2);
  --fg-muted:  var(--muted);
  --bg-solid:  var(--paper);
  --accent:    var(--violet);
  --accent-2:  var(--magenta);
  --accent-3:  var(--chartreuse);
}

/* Universal brand-anchored elements — never overridden by mode */
.brand-wordmark { font-family: var(--serif-display); font-weight: 500; letter-spacing: -0.01em; }
.brand-wordmark em { font-style: italic; background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.brand-grad     { background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }