:root {
  /* Base */
  --bg-darkest:  #0a0e0c;
  --bg-dark:     #121815;
  --bg-elevated: #1a2420;
  --border-color:#233029;

  /* Two-shade green accent */
  --primary-color:   #39ff88;  /* neon — primary CTAs, active states, key highlights */
  --primary-dim:     #22c55e;  /* muted — secondary buttons, hover states, borders on hover */
  --primary-glow:    rgba(57, 255, 136, 0.15);

  /* Text */
  --text-bright: #e8f5ee;
  --text-body:   #a8b8b0;
  --text-muted:  #6b7d74;

  /* Utility */
  --danger:  #ff5c5c;
  --shadow:  0 4px 20px rgba(0, 0, 0, 0.5);

  --font-heading: 'JetBrains Mono', monospace;
  --font-body: 'Inter', sans-serif;
}

body:has(#theme-toggle:checked) {
  /* Base */
  --bg-darkest:  #fdf6f8;   /* soft blush-white page background */
  --bg-dark:     #ffffff;   /* section/card background */
  --bg-elevated: #fce7ef;   /* raised cards, nav — light pink tint */
  --border-color:#f3cddc;

  /* Two-shade pink accent */
  --primary-color:   #e0286f;  /* hot pink — CTAs, active states, key highlights */
  --primary-dim:     #c2185b;  /* deeper rose — secondary buttons, hover states */
  --primary-glow:    rgba(224, 40, 111, 0.15);

  /* Text */
  --text-bright: #2b0f1a;   /* near-black with a pink undertone, for headings */
  --text-body:   #5c3a47;   /* muted plum-brown for body copy */
  --text-muted:  #9c7a87;   /* captions, labels */

  /* Utility */
  --danger:  #d92d2d;
  --shadow:  0 4px 20px rgba(0, 0, 0, 0.08);   /* much softer than dark mode's shadow */
}