:root {
    /* =========================
     Neutrals (airy base)
  ========================== */
    --cream: #fbfbf8;
    /* optional alias */
    --bg: #ffffff;
    --bg-alt: #f4f1f6;
    --card: rgba(255, 255, 255, 0.92);

    --ink: #4a434d;
    /* optional alias */
    --text: #4a434d;
    --muted: #756b74;

    --border: rgba(74, 67, 77, 0.12);
    --border-soft: rgba(74, 67, 77, 0.08);

    /* =========================
     Pastel palette (from tokens)
  ========================== */
    --accent: #9d858d;
    --accent-2: #bba0b2;
    --accent-soft: rgba(157, 133, 141, 0.18);

    --lavender: #a4a8d1;
    --pink-soft: #bba0b2;
    --pink-softer: #9d858d;

    --blue-soft: #a4bfeb;
    --blue-softer: #8cabbe;

    /* Useful "pill" defaults */
    --pill-bg: rgba(164, 191, 235, 0.28);
    --pill-text: rgba(74, 67, 77, 0.85);

    /* =========================
     Shape + depth
  ========================== */
    --radius: 18px;
    --radius-soft: 26px;
    --radius-pill: 999px;

    --shadow-soft: 0 18px 50px rgba(74, 67, 77, 0.08);
    --shadow: 0 14px 34px rgba(74, 67, 77, 0.10);
    --shadow-pop: 0 12px 30px rgba(74, 67, 77, 0.12);

    /* =========================
     Pastel gradients
  ========================== */
    --cute-grad: linear-gradient(135deg,
            rgba(187, 160, 178, 0.55),
            rgba(164, 168, 209, 0.55),
            rgba(164, 191, 235, 0.55));

    --scroll-track: #f4f1f6;
    --scroll-thumb: #bba0b2;
    --scroll-thumb-hover: #9d858d;
}