/* ==========================================================
   Design tokens — identidade visual
   ========================================================== */

:root {
  /* Cores */
  /* Base marfim rosada */
  --color-bg: #fbf7f5;
  --color-surface: #ffffff;
  --color-cream: #f5ebe7;

  /* Rosé (detalhes e destaques) */
  --color-gold-light: #f2cfcf;
  --color-gold: #c98b8f;
  --color-gold-deep: #9e5a63;

  /* Bordô (cor principal, do uniforme) */
  --color-brand-50: #fbf1f2;
  --color-brand-100: #f4dde0;
  --color-brand-300: #d9a3ab;
  --color-brand-500: #a14559;
  --color-brand-700: #7b2238;
  --color-brand-900: #591527;
  --color-brand-950: #3a0d19;

  /* Textos */
  --color-ink: #2b1a20;
  --color-text: #4a383e;
  --color-muted: #7a666c;
  --color-line: rgba(43, 26, 32, 0.1);
  --color-line-strong: rgba(43, 26, 32, 0.18);
  --color-whatsapp: #25d366;
  --color-star: #e2a63b;
  --color-focus: #7b2238;

  /* Tipografia */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.0625rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-h3: clamp(1.4rem, 1.25rem + 0.5vw, 1.65rem);
  --fs-h2: clamp(2.25rem, 1.6rem + 2.6vw, 3.75rem);
  --fs-h1: clamp(2.6rem, 1.7rem + 4vw, 5rem);

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --container: 1240px;
  --header-h: 76px;

  /* Formas */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(43, 26, 32, 0.05), 0 2px 8px rgba(43, 26, 32, 0.04);
  --shadow-md: 0 10px 30px -12px rgba(58, 13, 25, 0.2);
  --shadow-lg: 0 30px 60px -25px rgba(58, 13, 25, 0.32);

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 800ms;
}
