/* ============================================================
   tokens.css — Design tokens
   Single source of truth for the whole aesthetic.
   Tweak the palette / type / motion here and it cascades.
   ============================================================ */

:root {
  /* ---- Core pastel palette ---- */
  --c-blush:      #ffd6e8;
  --c-pink:       #ffb6d5;
  --c-rose:       #ff8fb8;
  --c-peach:      #ffd9c4;
  --c-lavender:   #e3d4ff;
  --c-periwinkle: #cdd6ff;
  --c-mint:       #c9f3e3;
  --c-butter:     #fff2c4;
  --c-cream:      #fff8fb;

  /* ---- Ink / text ---- */
  --ink:        #6b4a5a;   /* warm plum-grey for body text */
  --ink-soft:   #9b7d8b;
  --ink-strong: #4a2f3d;
  --on-dark:    #fff8fb;

  /* ---- Signature gradients ---- */
  --grad-dream: linear-gradient(160deg,
                  #fff8fb 0%,
                  #ffe3f0 22%,
                  #f3e0ff 48%,
                  #dfeaff 70%,
                  #d6f6ec 100%);
  --grad-rainbow: linear-gradient(100deg,
                  var(--c-rose), var(--c-peach),
                  var(--c-butter), var(--c-mint),
                  var(--c-periwinkle), var(--c-lavender));
  --grad-cover: radial-gradient(120% 120% at 50% 0%,
                  #fff6fb 0%, #ffe1f0 35%, #ecdcff 65%, #d7e8ff 100%);
  --grad-gold:  linear-gradient(120deg, #f7c873, #ffe6a8, #f7c873);

  /* ---- Typography ---- */
  --font-script:  "Dancing Script", "Brush Script MT", cursive;
  --font-display: "Fraunces", "Playfair Display", Georgia, serif;
  --font-body:    "Quicksand", ui-rounded, "Segoe UI", system-ui, sans-serif;

  --fs-300: 0.8125rem;   /* 13 */
  --fs-400: 1rem;        /* 16 */
  --fs-500: 1.25rem;     /* 20 */
  --fs-600: 1.5rem;      /* 24 */
  --fs-700: 2rem;        /* 32 */
  --fs-800: 2.75rem;     /* 44 */
  --fs-900: clamp(3rem, 14vw, 5.25rem);

  --lh-tight: 1.1;
  --lh-body:  1.65;
  --tracking-wide: 0.22em;

  /* ---- Spacing scale ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6rem;

  /* ---- Radii ---- */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-pill: 999px;

  /* ---- Shadows (soft, diffused) ---- */
  --shadow-sm:  0 4px 16px rgba(214, 120, 160, 0.14);
  --shadow-md:  0 14px 40px rgba(196, 120, 170, 0.18);
  --shadow-lg:  0 26px 60px rgba(176, 110, 165, 0.22);
  --shadow-glow: 0 0 36px rgba(255, 158, 200, 0.55);

  /* ---- Motion ---- */
  --ease-soft:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-back:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   220ms;
  --dur-base:   480ms;
  --dur-slow:   900ms;

  /* ---- Layout ---- */
  --content-max: 32rem;   /* mobile-first card column */
  --page-pad: clamp(1.25rem, 6vw, 2.5rem);
}