/* Juna Bakes — Design tokens
   Editorial / Vintage flavor (Mode A) — warm cream base, dusty rose accent,
   burgundy depth, Lora serif. Classic, cozy, soft. */

:root {
  /* Colors */
  --bone:        #E0D4C4;   /* primary page background — warm cream */
  --bone-light:  #F1E9DD;   /* raised surfaces, cards */
  --bone-deep:   #C9BAA4;   /* dividers, subtle fills */
  --blush:       #E8C4B8;   /* secondary accent — soft pink */
  --dusty-rose:  #C07A88;   /* primary accent — CTAs, link hover */
  --dusty-rose-deep: #A05A6A; /* hover state for dusty rose */
  --mushroom:    #9A8C8A;   /* muted text, captions */
  --burgundy:    #6B2037;   /* primary text, headlines, depth */
  --burgundy-deep: #4A1626;  /* darkest depth, footer */
  --ink:         #2A1218;   /* body text on bone */

  /* Type */
  --font-display: "Lora", "Playfair Display", Georgia, serif;
  --font-body:    "Lora", Georgia, "Times New Roman", serif;
  --font-script:  "Tangerine", "Brush Script MT", cursive;

  /* Type scale */
  --fs-eyebrow:   0.75rem;   /* uppercase labels */
  --fs-body:      1.0625rem; /* 17px */
  --fs-body-lg:   1.1875rem; /* 19px */
  --fs-h6:        1.125rem;
  --fs-h5:        1.375rem;
  --fs-h4:        1.75rem;
  --fs-h3:        2.25rem;
  --fs-h2:        3rem;
  --fs-h1:        clamp(2.75rem, 6vw, 5rem);
  --fs-display:   clamp(3.5rem, 9vw, 7.5rem);

  /* Spacing */
  --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: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* Layout */
  --container:    1280px;
  --container-narrow: 880px;
  --gutter:       clamp(1.25rem, 4vw, 3rem);

  /* Misc */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 32px rgba(74, 22, 38, 0.08);
  --shadow-card: 0 2px 12px rgba(74, 22, 38, 0.06);
  --transition: 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}