/* ============================================================
   THEME: BLACK-PINK — near-black plum ink, STRONG hot-pink accent.
   The dark sibling of the light "Pink" theme: backgrounds stay deep
   and easy on the eyes, the magenta does all the shouting. Secondary
   signals (purple info, amber warn, coral hot) keep the Pink-family
   identity, brightened so they read on black.
   ============================================================ */
[data-theme="blackpink"] {
  color-scheme: dark;

  --bg-0:     #0a0509;
  --bg-1:     #120810;
  --bg-2:     #1a0c16;
  --bg-3:     #25121f;
  --bg-inset: #060205;
  --bg-sheen: rgba(255,46,168,0.04);

  --fg-1: #fbeef4;
  --fg-2: #d3a8bd;
  --fg-3: #9c6f86;
  --fg-4: #5e4250;
  --fg-on-brand: #2a0016;

  --line-1:     rgba(255,46,168,0.08);
  --line-2:     rgba(255,46,168,0.16);
  --line-3:     rgba(255,46,168,0.30);
  --line-focus: #ff2ea8;

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

  --hot:        #ff5a6a;
  --hot-soft:   rgba(255,90,106,0.18);
  --info:       #b07bff;
  --info-soft:  rgba(176,123,255,0.16);
  --xp:         #ff9d52;
  --xp-soft:    rgba(255,157,82,0.18);
  --warn:       #ff9d52;
  --warn-soft:  rgba(255,157,82,0.18);
  --danger:     #ff4455;
  --danger-soft: rgba(255,68,85,0.18);
  --boss:       #9d7bff;
  --boss-soft:  rgba(157,123,255,0.18);

  --logoPrimary:   #ff2ea8;
  --logoSecondary: #fbeef4;

  --glow-lime:    0 0 0 1px rgba(255,46,168,0.40), 0 0 28px -3px rgba(255,46,168,0.65);
  --glow-magenta: 0 0 0 1px rgba(255,46,168,0.45), 0 0 30px -3px rgba(255,46,168,0.70);
  --glow-cyan:    0 0 0 1px rgba(176,123,255,0.35), 0 0 22px -4px rgba(176,123,255,0.55);
  --glow-gold:    0 0 0 1px rgba(255,157,82,0.35),  0 0 22px -4px rgba(255,157,82,0.55);

  --shadow-xs: 0 1px 0 rgba(0,0,0,0.5);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,46,168,0.06) inset;
  --shadow-md: 0 0 0 1px rgba(255,46,168,0.10), 0 12px 28px -8px rgba(0,0,0,0.82);
  --shadow-lg: 0 0 0 1px rgba(255,46,168,0.14), 0 24px 56px -16px rgba(0,0,0,0.90);
  --shadow-pop: 0 0 0 1px rgba(255,46,168,0.22), 0 26px 56px -16px rgba(0,0,0,0.88);

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

  --grad-brand: linear-gradient(135deg, #ff2ea8 0%, #ff5a6a 100%);
  --grad-hot:   linear-gradient(135deg, #ff5a6a 0%, #ff2ea8 100%);
  --grad-hud:   linear-gradient(135deg, #b07bff 0%, #ff2ea8 100%);
  --grad-xp:    linear-gradient(90deg,  #ff9d52 0%, #ff2ea8 100%);
}