:root{
  /* ── Base: animated gradient ground ───────────────────────────────
     Four stops, pink → lilac → violet → pink. This is the ONLY page
     background in the brand. No blue, no green. */
  --bg-a:#ffb3cc;
  --bg-b:#e8b2ff;
  --bg-c:#d4b0f8;
  --bg-d:#ffaad8;

  /* ── Base: rose / violet ink ──────────────────────────────────── */
  --rose-a:#ff5fa0;
  --rose-b:#c840b8;
  --purple-mid:#9040c4;

  /* ── Base: paper + ink ────────────────────────────────────────── */
  --pol-bg:#fefcfe;      /* polaroid border stock */
  --pol-photo-bg:#f8f0fc;/* emulsion area before media loads */
  --video-bg:#e8d8f4;    /* video poster ground */
  --text:#4a3860;        /* body ink, tuned for the gradient */
  --muted:#8e6aaa;       /* secondary ink */
  --pencil:#999;         /* graphite handwriting on photo borders */

  /* ── Base: darkroom (retired film-strip section) ──────────────── */
  --film-bg:#181818;
  --film-hole:#0c0c0c;

  /* ── Base: violet washes (alpha) ──────────────────────────────── */
  --violet-wash-08:rgba(200,150,240,0.08);
  --violet-wash-10:rgba(200,150,240,0.10);
  --violet-wash-18:rgba(200,150,240,0.18);
  --violet-line-30:rgba(200,150,240,0.30);
  --violet-line-40:rgba(200,150,240,0.40);
  --violet-line-50:rgba(200,150,240,0.50);
  --magenta-line-35:rgba(200,64,184,0.35);
  --magenta-line-50:rgba(200,64,184,0.50);
  --magenta-line-55:rgba(200,64,184,0.55);
  --rose-line-50:rgba(255,95,160,0.50);
  --ink-faint-45:rgba(168,136,188,0.45);
  --ink-faint-50:rgba(168,136,188,0.50);
  --violet-faint-45:rgba(160,100,180,0.45);
  --violet-faint-60:rgba(160,120,180,0.60);

  /* ── Semantic aliases ─────────────────────────────────────────── */
  --page-gradient:linear-gradient(135deg,var(--bg-a),var(--bg-b),var(--bg-c),var(--bg-d)); /* @kind other */
  --accent-gradient:linear-gradient(135deg,var(--rose-a),var(--rose-b)); /* @kind other */
  --title-gradient:linear-gradient(140deg,var(--rose-a),var(--rose-b)); /* @kind other */

  --text-body:var(--text);
  --text-muted:var(--muted);
  --text-heading:var(--purple-mid);
  --text-label:var(--purple-mid);
  --text-kicker:var(--rose-b);
  --text-link:var(--rose-b);
  --text-link-hover:var(--rose-a);
  --text-hand:var(--muted);
  --text-credit:var(--violet-faint-60);
  --text-hint:var(--violet-faint-45);
  --text-footer:var(--ink-faint-45);
  --text-on-accent:#fff;
  --text-error:var(--rose-a);

  --surface-page:var(--page-gradient); /* @kind other */
  --surface-card:var(--pol-bg);
  --surface-photo:var(--pol-photo-bg);
  --surface-field:var(--violet-wash-10);
  --surface-field-checked:var(--violet-wash-10);
  --surface-chip:var(--violet-wash-18);

  --border-field:1.5px solid var(--violet-line-40); /* @kind other */
  --border-field-focus:var(--magenta-line-55); /* @kind other */
  --border-check:var(--violet-line-50); /* @kind other */
  --border-option:1.5px solid var(--violet-line-30); /* @kind other */
  --border-option-checked:var(--magenta-line-50); /* @kind other */
  --border-link:1px dashed var(--magenta-line-35); /* @kind other */
  --border-link-hover:var(--rose-line-50); /* @kind other */
  --placeholder:var(--ink-faint-50);
}