/* ============================================================
   Podcast Playlist — brand tokens
   Lifted from the Pamela Krista design system export so this
   site is self-contained (no _ds bundle, no build step).
   Display: Editor's Note (thin serif). Body/UI: MADE Tommy.
   ============================================================ */

/* ---- Editor's Note Text — display serif, thin + thin italic ---- */
@font-face {
  font-family: "Editors Note";
  src: url("fonts/editorsnotetext-thin.woff") format("woff");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("fonts/editorsnotetext-thinitalic.woff") format("woff");
  font-weight: 300; font-style: italic; font-display: swap;
}

/* ---- MADE Tommy — body sans, light / regular / medium only ---- */
@font-face {
  font-family: "Made Tommy";
  src: url("fonts/made_tommy_light.woff") format("woff");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Made Tommy";
  src: url("fonts/made_tommy_regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Made Tommy";
  src: url("fonts/made_tommy_medium.woff") format("woff");
  font-weight: 500; font-style: normal; font-display: swap;
}

:root {
  /* ---- Brand core ---- */
  --pk-lavender:    #CFB8FC;
  --pk-blush:       #E8D6E8;
  --pk-periwinkle:  #D9DEF0;
  --pk-lemon:       #E8EF7F;
  --pk-chalk:       #F0EBE8;
  --pk-onyx:        #212121;

  /* ---- Lavender scale ---- */
  --purple-50:   #F4EFFC;
  --purple-100:  #E4DAFB;
  --purple-200:  #CFB8FC;
  --purple-400:  #C0A5F4;
  --purple-500:  #CFB8FC;
  --purple-600:  #B194E8;

  /* ---- Surfaces ---- */
  --bg-page:  #FDFBFE;
  --bg-card:  #FFFFFF;
  --bg-soft:  #F1ECFD;
  --paper:    #F8F5F2;   /* the warm page the hero sits on */
  --shell:    #E7E1DD;   /* the desk behind the page */

  /* ---- Text ---- */
  --ink:          #212121;
  --ink-plum:     #2E2747;
  --ink-soft:     #5A536B;
  --ink-muted:    #8A8398;
  --accent-grape: #6A4CC4;

  /* ---- Lines & status ---- */
  --border: #E7E0F0;
  --error:  #D94545;

  /* ---- Chip washes (the sticky notes) ---- */
  --chip-lavender: #EFE2FE;
  --chip-blush:    #F4E5F0;
  --chip-lemon:    #F6F7CC;

  /* ---- Type ---- */
  --font-display: "Editors Note", Georgia, "Times New Roman", serif;
  --font-body:    "Made Tommy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---- Corner radii ---- */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   22px;
  --radius-pill: 999px;

  /* ---- Effects ---- */
  --shadow-card:  0 1px 2px rgba(31,27,45,.04), 0 8px 32px rgba(110,79,209,.06);
  --shadow-lift:  0 4px 20px rgba(177,148,232,.18);
  --shadow-float: 0 16px 48px rgba(31,27,45,.08), 0 2px 6px rgba(31,27,45,.04);
  --shadow-note:  0 1px 2px rgba(31,27,45,.05), 0 8px 20px rgba(31,27,45,.10), 0 18px 40px rgba(31,27,45,.05);
  --shadow-glow:  0 16px 48px rgba(207,184,252,.20);
  --ring-focus:   0 0 0 4px var(--purple-50);
  --ease:         cubic-bezier(.4, 0, .2, 1);

  /* ---- Signature gradient (hero + section washes) ---- */
  --gradient-signature: linear-gradient(135deg, #EBDDFD 0%, #F2E5F0 50%, #F7F8D8 100%);
}