/* Hidden pink theme: Ctrl + click the existing theme toggle. */
html[data-theme="pink"] {
  color-scheme: dark;
  --stage: #160912;
  --panel: #24101f;
  --panel-raised: #32162b;
  --panel-soft: #1d0d1a;
  --panel-line: #512141;
  --panel-line-strong: #71305d;
  --text: #fff2fa;
  --text-muted: #d9a8c6;
  --text-faint: #a86e91;
  --accent: #ff5cbd;
  --accent-ink: #2a071c;
  --accent-soft: rgba(255, 92, 189, 0.18);
  --accent-2: #ff9dd5;
  --accent-2-soft: rgba(255, 157, 213, 0.16);
  --danger: #ff4f87;
  --danger-soft: rgba(255, 79, 135, 0.17);
  --warning: #ff4fb8;
  --warning-soft: rgba(255, 79, 184, 0.19);
  --success: #4ade80;
  --success-soft: rgba(74, 222, 128, 0.15);

  /* Preserve clear status meaning while giving Action/Warning a theme-specific pink. */
  --state-green: #4ade80;
  --state-green-soft: rgba(74, 222, 128, 0.15);
  --state-yellow: #ffd166;
  --state-yellow-soft: rgba(255, 209, 102, 0.16);
  --state-orange: #ff4fb8;
  --state-orange-soft: rgba(255, 79, 184, 0.19);
  --state-red: #ff6473;
  --state-red-soft: rgba(255, 100, 115, 0.16);

  --checkbox-bg: #3a1830;
  --checkbox-border: #a84f86;
  --checkbox-check: #2a071c;
  --shadow-lift: 0 12px 36px rgba(35, 4, 25, 0.46);
  --shadow-drawer: -18px 0 48px rgba(35, 4, 25, 0.54);
  --focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);
}

html[data-theme="pink"] body {
  background:
    radial-gradient(circle at 18% -12%, rgba(255, 92, 189, 0.12), transparent 34rem),
    var(--stage);
}

html[data-theme="pink"] .theme-toggle {
  border-color: var(--panel-line-strong);
  background: linear-gradient(90deg, var(--panel), var(--panel-raised));
}

html[data-theme="pink"] .theme-knob {
  transform: translateX(11px);
  box-shadow: 0 0 0 3px var(--accent-soft), 0 0 16px rgba(255, 92, 189, 0.34);
}

html[data-theme="pink"] .brand-bolt,
html[data-theme="pink"] .eyebrow {
  text-shadow: 0 0 12px rgba(255, 92, 189, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="pink"] .theme-knob { transition: none; }
}