/* ============================================================
   Pamela Krista Design System — Tokens
   Source of truth for The Pre Summit Podcast Plan.
   Do NOT introduce arbitrary colors. Use these variables only.
   ============================================================ */
:root {
  /* ---- Color: brand anchors ---- */
  --pk-lavender:    #CFB8FC;  /* anchor color, fills, button bg */
  --pk-blush:       #E8D6E8;
  --pk-lemon:       #E8EF7F;  /* use sparingly */
  --pk-periwinkle:  #D9DEF0;
  --pk-chalk:       #F0EBE8;
  --pk-onyx:        #212121;

  /* ---- Color: surfaces ---- */
  --bg-page:   #FDFBFE;       /* near-white, whisper of lavender — never pure white */
  --bg-card:   #FFFFFF;
  --bg-soft:   #F1ECFD;       /* info blocks, pills */
  --border:    #E7E0F0;       /* hairline */

  /* ---- Color: ink ---- */
  --ink:        #212121;      /* pure ink, rare */
  --ink-plum:   #2E2747;      /* primary text on light bgs */
  --ink-soft:   #5A536B;      /* body text */
  --ink-muted:  #8A8398;      /* hints, eyebrows */

  /* ---- Color: accent / states ---- */
  --accent:        #6A4CC4;   /* saturated grape, readable accent + word-pop */
  --accent-hover:  #B194E8;   /* deeper hover */
  --error:   #D94545;
  --warn-bg: #FFF4E5; --warn-border: #FFD9A8; --warn-ink: #8A5A0F;

  /* ---- Pastel chips ---- */
  --chip-lavender: #EFE2FE;
  --chip-blush:    #F4E5F0;
  --chip-lemon:    #F6F7CC;

  /* ---- Gradients ---- */
  --gradient-signature: linear-gradient(135deg, #EBDDFD 0%, #F2E5F0 50%, #F7F8D8 100%);
  --gradient-btn:       linear-gradient(135deg, #CFB8FC 0%, #B194E8 100%);
  --gradient-promo:     linear-gradient(90deg, #E8ECF8 0%, #EFE3FB 50%, #F3E7F1 100%);

  /* ---- Typography ---- */
  --font-display: "Editors Note", Georgia, "Times New Roman", serif;
  --font-body:    "Made Tommy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500;

  --text-xs:  0.75rem;   /* 12 — eyebrow */
  --text-sm:  0.8125rem; /* 13 — hints */
  --text-base:1rem;      /* 16 — body */
  --text-md:  1.125rem;  /* 18 */
  --text-lg:  1.5rem;    /* 24 — card titles */
  --text-xl:  2rem;      /* 32 */
  --text-2xl: 2.5rem;    /* 40 */
  --text-3xl: 3rem;      /* 48 — hero */
  --text-4xl: 3.5rem;    /* 56 — top hero */

  --leading-tight: 1.05; --leading-snug: 1.2; --leading-normal: 1.6;
  --tracking-display: -0.01em; --tracking-eyebrow: 0.18em;

  /* ---- Spacing ---- */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem;

  /* ---- Radii ---- */
  --radius-sm: 10px;  /* inputs */
  --radius-md: 16px;  /* inner cards */
  --radius-lg: 22px;  /* cards */
  --radius-pill: 999px;

  /* ---- Containers ---- */
  --container: 720px;       /* reading width */
  --container-wide: 1100px;

  /* ---- Shadows (lavender/plum tinted, never harsh black) ---- */
  --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-glow:  0 16px 48px rgba(207,184,252,.20);
  --ring-focus:   0 0 0 4px #F4EFFC;

  /* ---- Motion ---- */
  --dur-fast:.15s; --dur-base:.25s; --dur-slow:.4s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}