:root{
  /* ---- Brand core (from the official style sheet) ---- */
  --pink-300:#FFA1BA;            /* light pink — accents + illustrations, never a page background */
  --pink-600:#E70B5A;            /* deep magenta — drop shadows, accents, CTAs */
  --cream-50:#FEFBF5;            /* cream — text containers, page copy surfaces */

  /* ---- Mauve / rose family (the show's background world) ---- */
  --mauve-900:#3E1B2C;
  --mauve-800:#5A2841;
  --mauve-700:#6E3550;
  --mauve-600:#8E4667;
  --mauve-500:#A85F80;
  --rose-400:#C98098;
  --rose-300:#E0A7BA;
  --rose-200:#F2CBD8;
  --rose-100:#FAE6EC;

  /* ---- Instagram / social "plaster wall" set (sampled from the show's own posts) ---- */
  --blush-600:#B3738D;
  --blush-500:#CE8CA7;           /* the dusty rose stucco wall — the social background */
  --blush-400:#DDA8BD;
  --pink-100:#FFE2EE;            /* the light-pink highlight block behind social copy */

  /* ---- Support ---- */
  --cream-100:#F8F1E4;           /* shaded cream, scallop underside */
  --cream-200:#EFE2CD;
  --ink:#4A2436;                 /* body ink on cream */
  --ink-soft:#7A566A;
  --magenta-900:#A5063F;         /* pressed state of --pink-600 */

  /* ---- Semantic aliases ---- */
  --surface-page:var(--mauve-600);
  --surface-page-deep:var(--mauve-800);
  --surface-card:var(--cream-50);
  --surface-card-shade:var(--cream-100);
  --surface-accent:var(--pink-300);
  --surface-social:var(--blush-500);
  --surface-highlight:var(--pink-100);
  --surface-inverse:var(--pink-600);

  --text-body:var(--ink);
  --text-muted:var(--ink-soft);
  --text-display:var(--pink-300);
  --text-display-shadow:var(--pink-600);
  --text-on-mauve:var(--cream-50);
  --text-on-accent:var(--mauve-900);
  --text-on-inverse:var(--cream-50);
  --text-link:var(--pink-600);
  --text-link-hover:var(--magenta-900);

  --border-hard:var(--mauve-900);
  --border-soft:var(--rose-300);

  --accent:var(--pink-600);
  --accent-soft:var(--pink-300);

  /* ---- Textures: mauve is never flat ---- */
  --texture-grain:radial-gradient(circle at 50% 50%, rgba(255,255,255,.055) 0 1px, transparent 1.4px); /* @kind other */
  --texture-grain-size:5px 5px;
  --bg-show:
    radial-gradient(120% 90% at 18% 6%, rgba(255,161,186,.34) 0%, rgba(255,161,186,0) 55%),
    radial-gradient(100% 80% at 92% 96%, rgba(62,27,44,.5) 0%, rgba(62,27,44,0) 60%),
    linear-gradient(168deg,#9C5273 0%,#8E4667 46%,#6E3550 100%);
  --texture-plaster:url("../assets/texture-plaster.png"); /* @kind other */
  --bg-social:var(--blush-500);
  --bg-show-soft:
    radial-gradient(110% 80% at 80% 0%, rgba(255,251,245,.28) 0%, rgba(255,251,245,0) 58%),
    linear-gradient(168deg,#C98098 0%,#A85F80 100%);
}