/* ═══════════════════════════════════════════════════════════
   AZEREP THEME MOD — ERIYA
   Cyan/green — flagship world palette
   Load via theme-engine.js: AzTheme.set('eriya')
═══════════════════════════════════════════════════════════ */

:root,
[data-theme="eriya"] {
  --bg-void:        #020f0a;
  --bg-deep:        #04150c;
  --bg-surface:     #071c12;
  --bg-raised:      #0a2418;
  --bg-card:        #0d2c1e;
  --border-dim:     #123822;
  --border-mid:     #1d6040;
  --border-bright:  #2da870;
  --accent-1:       #2cd98a;
  --accent-2:       #a8f0d0;
  --accent-3:       #c8a84b;
  --accent-3-dim:   #7a6020;
  --text-primary:   #e0fff0;
  --text-secondary: #c1f0da;
  --text-muted:     #72cfa4;
  --text-ghost:     #4da17a;
  --live-color:     #7eb8f0;
  --danger-color:   #c04040;
  --font-display:   'Cinzel', serif;
  --font-body:      'Crimson Pro', serif;
  --clip-btn:       polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  --clip-sm:        polygon(5px 0%, 100% 0%, calc(100% - 5px) 100%, 0% 100%);
  --clip-tag:       polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
  --glow-accent:    rgba(44, 217, 138, 0.2);
  --glow-strong:    rgba(44, 217, 138, 0.4);
  --star-color:     rgba(168, 240, 208, 0.4);
  --wisp-color-a:   rgba(44, 217, 138, 0.07);
  --wisp-color-b:   rgba(29, 96, 64, 0.08);
  --wisp-color-c:   rgba(10, 36, 24, 0.1);
  --bg-filter:      saturate(0.5) brightness(0.2) hue-rotate(140deg);
  --bg-filter-hover:saturate(0.7) brightness(0.28) hue-rotate(140deg);
}