:root {
  /* Bright, playful palette */
  --bg:        #FDF4FF;   /* soft white-pink base */
  --surface:   #FFFFFF;
  --card:      #FFFFFF;
  --border:    #F0E2F7;

  /* Brand accents */
  --c-pink:    #FF5FA2;
  --c-yellow:  #FFC63A;
  --c-blue:    #4D7CFF;
  --c-green:   #22C79A;
  --c-purple:  #9B5DE5;

  /* Semantic (names kept stable so JS/report keep working) */
  --accent:    #FF5FA2;   /* primary = pink */
  --radar:     #4D7CFF;   /* blue */
  --hot:       #9B5DE5;   /* purple (link hover) */
  --success:   #16C79A;   /* green */
  --warn:      #FF9F1C;   /* amber */
  --danger:    #FF5D6C;   /* red-pink */
  --text:      #2A2140;   /* deep ink */
  --muted:     #7B7398;
  --dim:       #B4A9CC;

  --grad-hero: linear-gradient(100deg, #FF5FA2, #9B5DE5 40%, #4D7CFF 70%, #22C79A);
  --grad-warm: linear-gradient(120deg, #FFC63A, #FF5FA2);
  --grad-cool: linear-gradient(120deg, #4D7CFF, #22C79A);

  --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', 'Consolas', monospace;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px;
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-full:9999px;

  --shadow:   0 14px 40px rgba(155,93,229,.14);
  --shadow-sm:0 6px 18px rgba(155,93,229,.10);
  --glow:     0 10px 26px rgba(255,95,162,.38);
}