/* =========================================================
   PATRIZIA D'ANGELO BEAUTY — DESIGN TOKENS
   Boutique clinic premium: ivory caldo, taupe, nero morbido,
   champagne contenuto, accento rosa cipria.
   ========================================================= */

:root{
  color-scheme: light;

  /* ---- Color: surfaces & ink ---- */
  --bg:            #FBF6EF;   /* ivory caldo */
  --bg-alt:        #F3EBE0;   /* ivory più profondo, sezioni alternate */
  --bg-card:       #FFFDFA;   /* card su ivory */
  --bg-dark:       #221D18;   /* nero morbido, non ospedaliero */
  --bg-dark-alt:   #2B241E;

  --ink:           #221D18;   /* testo primario su chiaro */
  --ink-soft:      #4A4038;   /* testo secondario su chiaro (AA) */
  --ink-faint:     #635546;   /* testo terziario / caption — ≥4.5:1 su ivory, ivory-alt e bianco carta */

  --ink-inverse:       #F8F1E7; /* testo primario su scuro */
  --ink-inverse-soft:  #CDC0B2; /* testo secondario su scuro */

  /* ---- Color: brand accents ---- */
  --taupe:         #B7A392;
  --taupe-deep:    #8C7863;
  --champagne:     #E8D9BC;
  --blush:         #D8A79E;   /* rosa cipria — superfici e accenti decorativi */
  --blush-deep:    #9C574D;   /* rosa cipria scuro — testo/icone: ≥4.5:1 su ivory e su bianco carta */

  --line:          rgba(34,29,24,0.12);
  --line-soft:     rgba(34,29,24,0.07);
  --line-inverse:  rgba(248,241,231,0.16);

  --error:         #A34438;

  /* ---- Radius ---- */
  --r-sm:   6px;
  --r-md:   14px;
  --r-lg:   28px;
  --r-pill: 999px;

  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --sp-11: 160px;
  --sp-12: 200px;

  /* ---- Container ---- */
  --container-max: 1280px;
  --container-pad: clamp(20px, 5vw, 64px);

  /* ---- Typography ---- */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-display: clamp(2.75rem, 2.05rem + 3.2vw, 5.75rem);
  --fs-h1:      clamp(2.25rem, 1.85rem + 1.8vw, 3.5rem);
  --fs-h2:      clamp(1.75rem, 1.5rem + 1.1vw, 2.6rem);
  --fs-h3:      clamp(1.25rem, 1.13rem + 0.5vw, 1.625rem);
  --fs-body-lg: clamp(1.0625rem, 1rem + 0.28vw, 1.25rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-label:   0.75rem;

  --lh-tight: 1.08;
  --lh-snug:  1.25;
  --lh-normal: 1.5;
  --lh-loose: 1.7;

  --ls-tight: -0.01em;
  --ls-label: 0.14em;

  /* ---- Motion ---- */
  --dur-fast:   200ms;
  --dur-normal: 700ms;
  --dur-slow:   1100ms;
  --ease-standard:   cubic-bezier(.25,.1,.25,1);
  --ease-emphasized: cubic-bezier(.16,1,.3,1);
  --ease-out-soft:   cubic-bezier(.22,.61,.36,1);

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 2px rgba(34,29,24,0.06), 0 1px 1px rgba(34,29,24,0.04);
  --shadow-md: 0 12px 32px -12px rgba(34,29,24,0.18);
  --shadow-lg: 0 24px 60px -20px rgba(34,29,24,0.28);
}

@media (prefers-reduced-motion: reduce){
  :root{
    --dur-fast: 1ms;
    --dur-normal: 1ms;
    --dur-slow: 1ms;
  }
}