/* "pink" theme — properly pink: bright rose & orchid on blush.
   A palette only; layout lives in /shared/base.css.
   Assign to a page via: <link href="../shared/themes/pink.css"> */
:root {
  --bg:         #FDEFF5;   /* blush background */
  --bg-tint:    #FFF7FA;   /* lighter radial-gradient stop */
  --surface:    #FFFFFF;   /* cards & pills */
  --front-1:    #C86BB4;   /* front card gradient — orchid … */
  --front-2:    #EE7BA8;   /* … to warm pink */
  --accent:     #E75D97;   /* rose pink — primary buttons, progress */
  --accent-rgb: 231,93,151;
  --accent-dk:  #CC4A81;   /* pressed */
  --known:      #33B08F;   /* spearmint — "know it" */
  --known-2:    #52C7A8;   /* brighter, done-banner gradient */
  --learn:      #F2926F;   /* soft coral — "still learning" */
  --ink:        #48333F;   /* deep plum text */
  --ink-rgb:    72,51,63;
  --ink-soft:   #A38395;   /* muted rose-grey */
  --on-front:   #FFF5FA;   /* text on the front card */
  --line:       rgba(72,51,63,0.10);
  --shadow:     0 16px 36px rgba(200,107,180,0.22), 0 4px 10px rgba(231,93,151,0.12);

  /* corner radii — soft & cute */
  --r-lg:   24px;   /* card faces */
  --r-md:   14px;   /* primary buttons, deck buttons, banner */
  --r-sm:   11px;   /* utility buttons */
  --r-pill: 999px;  /* chips, badges, mode toggle */
}