/* ============================================================
   THEME: PINK — blush pages, plum ink, hot magenta accent.
   Soft + playful, but strong contrast on the action color.
   ============================================================ */
[data-theme="pink"] {
  color-scheme: light;

  --bg-0:     #fcc8d8;
  --bg-1:     #ffd9e6;
  --bg-2:     #ffffff;
  --bg-3:     #fbb9cc;
  --bg-inset: #3d0f24;
  --bg-sheen: rgba(92,31,61,0.03);

  --fg-1: #3d0f24;
  --fg-2: #6e2748;
  --fg-3: #904168;
  --fg-4: #e0a4c5;
  /* Dark plum on the magenta accent — white only hit 3.38:1 on #ff2ea8;
     deep plum clears 4.5:1 for the primary CTA / active lang toggle / approved box. */
  --fg-on-brand: #3d0f24;

  --line-1:     rgba(92,31,61,0.08);
  --line-2:     rgba(92,31,61,0.14);
  --line-3:     rgba(92,31,61,0.22);
  --line-focus: #ff2ea8;

  --accent:       #ff2ea8;
  --accent-hover: #ff5cc0;
  --accent-press: #db0070;
  --accent-soft:  rgba(255,46,168,0.16);
  --accent-ring:  rgba(255,46,168,0.40);

  --hot:        #ff5060;
  --hot-soft:   rgba(255,80,96,0.14);
  --info:       #a04fff;
  --info-soft:  rgba(160,79,255,0.14);
  --xp:         #ff8c42;
  --xp-soft:    rgba(255,140,66,0.16);
  --warn:       #ff8c42;
  --warn-soft:  rgba(255,140,66,0.16);
  --danger:     #d62828;
  --danger-soft: rgba(214,40,40,0.12);
  --boss:       #7e54ff;
  --boss-soft:  rgba(126,84,255,0.12);

  /* Text-on-soft shades — see light.css. Clear AA 4.5:1 on the soft tint
     (measured); pink's bright boss also needs one. */
  --warn-text:   #944732;
  --xp-text:     #944732;
  --info-text:   #7c38b0;
  --accent-text: #a6206b;
  --danger-text: #a72027;
  --boss-text:   #6b40bf;

  --logoPrimary:   #ff2ea8;
  --logoSecondary: #3d0f24;

  --glow-lime:    0 0 0 1px rgba(255,46,168,0.32), 0 0 22px -6px rgba(255,46,168,0.55);
  --glow-magenta: 0 0 0 1px rgba(255,46,168,0.40), 0 0 26px -6px rgba(255,46,168,0.62);
  --glow-cyan:    0 0 0 1px rgba(160,79,255,0.30), 0 0 18px -6px rgba(160,79,255,0.45);
  --glow-gold:    0 0 0 1px rgba(255,140,66,0.30), 0 0 18px -6px rgba(255,140,66,0.45);

  --shadow-xs: 0 1px 0 rgba(92,31,61,0.04);
  --shadow-sm: 0 1px 2px rgba(255,46,168,0.10), 0 1px 0 rgba(92,31,61,0.04);
  --shadow-md: 0 10px 24px -10px rgba(255,46,168,0.30);
  --shadow-lg: 0 24px 48px -16px rgba(255,46,168,0.32);
  --shadow-pop: 0 0 0 1px rgba(255,46,168,0.16), 0 22px 44px -12px rgba(255,46,168,0.32);

  --grid-color: rgba(255,46,168,0.05);
  --grid-size:  28px;

  --grad-brand: linear-gradient(135deg, #ff2ea8 0%, #ff8c42 100%);
  --grad-hot:   linear-gradient(135deg, #ff5060 0%, #ff2ea8 100%);
  --grad-hud:   linear-gradient(135deg, #a04fff 0%, #ff2ea8 100%);
  --grad-xp:    linear-gradient(90deg,  #ff8c42 0%, #ff2ea8 100%);
}