/* v7 theme: darkemerald
   Dark variant — Y2K glossy palette inspired by "darkemerald".
   Token names match v3/v4/v5/v6 so the DB-driven theme switcher works
   interchangeably across all template versions. */
:root[data-theme="darkemerald"] {
  --bg-0: #02110b;
  --bg-1: #06241a;
  --bg-2: #0a3d2c;

  --ink:    #f0eaff;
  --ink-2:  #b9aedd;
  --ink-3:  #7d72a8;
  --ink-on-accent: #0a0a18;

  --line:   rgba(255,255,255,0.10);
  --line-2: rgba(255,255,255,0.20);

  --accent:        #10b981;
  --accent-2:      #6ee7b7;
  --accent-deep:   #064e3b;
  --secondary:     #06b6d4;
  --secondary-2:   #67e8f9;
  --tertiary:      #fbbf24;
  --quaternary:    #a3e635;
  --good:          #14d390;
  --bad:           #ff4760;

  --gloss-light: rgba(255,255,255,0.30);
  --gloss-dark:  rgba(0,0,0,0.45);

  --page-bg:
    radial-gradient(60% 40% at 12% 8%, rgba(16,185,129,0.28) 0%, transparent 60%),
    radial-gradient(50% 35% at 88% 14%, rgba(6,182,212,0.22) 0%, transparent 60%),
    radial-gradient(70% 50% at 50% 100%, rgba(132,204,22,0.22) 0%, transparent 60%),
    linear-gradient(180deg, #02110b 0%, #0a3d2c 100%);

  --shadow-card: 0 1px 0 rgba(255,255,255,0.10) inset,
                  0 -8px 24px rgba(255,255,255,0.04) inset,
                  0 24px 48px -16px rgba(0,0,0,0.6),
                  0 0 0 1px rgba(255,255,255,0.04);
  --shadow-jelly: 0 -4px 8px rgba(255,255,255,0.25) inset,
                  0 8px 12px rgba(0,0,0,0.35) inset,
                  0 12px 28px -6px color-mix(in srgb, #10b981 55%, transparent),
                  0 2px 0 rgba(0,0,0,0.30);
}