/* ============================================================
   Estúdio Malice — Design Tokens
   Direção: "Editorial do Afeto" — boutique, quente, editorial
   ============================================================ */
:root {
  /* Paleta */
  --porcelain: #faf6f1;
  --porcelain-deep: #f5eee6;
  --blush: #f3e4dd;
  --blush-deep: #ecd5cb;
  --rose: #c98a7d;
  --rose-deep: #a96455;
  --rose-soft: #dfb3a8;
  --ink: #2b2320;
  --ink-soft: #5c4f49;
  --plum: #3e2f32;
  --plum-deep: #322528;
  --gold: #c9a87c;
  --white-warm: #fffdfa;

  /* Tipografia */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Outfit", "Helvetica Neue", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
  --text-2xl: clamp(2rem, 1.5rem + 2.2vw, 3.2rem);
  --text-hero: clamp(2.5rem, 1.6rem + 4.5vw, 5.2rem);
  --text-giant: clamp(5rem, 3rem + 12vw, 14rem);

  /* Espaço */
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: clamp(4rem, 3rem + 4vw, 7rem);
  --space-section: clamp(4.5rem, 3.5rem + 5.5vw, 9.5rem);

  /* Forma */
  --radius-img: 14px;
  --radius-pill: 100px;
  --radius-card: 22px;

  /* Movimento */
  --duration-fast: 180ms;
  --duration-normal: 420ms;
  --duration-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --container: 1240px;
  --container-wide: 1480px;
  --nav-height: 84px;
}