/* ==========================================================================
   Design tokens — Dra. Pamela Michel · Estética Avançada
   Paleta, tipografia, espaçamento e demais variáveis do sistema visual.
   Alterar a identidade visual deve começar e terminar neste arquivo.
   ========================================================================== */

:root {
  /* Paleta — marrom profundo, bege claro e nude da identidade da marca */
  --color-brown-900: #503e2b;
  --color-brown-700: #6e5940;
  --color-nude-500: #c9b5a0;
  --color-nude-300: #ddccba;
  --color-beige-200: #e4dcc2;
  --color-beige-100: #efe8d6;
  --color-offwhite: #f8f4ea;
  --color-warmwhite: #fffcf6;
  --color-line: #ddd0bb;

  /* Papéis semânticos */
  --color-bg: var(--color-offwhite);
  --color-bg-alt: var(--color-beige-100);
  --color-bg-dark: var(--color-brown-900);
  --color-text: var(--color-brown-900);
  --color-text-soft: var(--color-brown-700);
  --color-text-on-dark: var(--color-beige-200);
  --color-text-on-dark-soft: var(--color-nude-300);
  --color-accent: var(--color-nude-500);
  --color-border: var(--color-line);

  /* Tipografia */
  --font-serif: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-eyebrow: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lead: clamp(1.0625rem, 0.5vw + 0.9rem, 1.25rem);
  --text-h4: clamp(1.25rem, 1vw + 1rem, 1.5rem);
  --text-h3: clamp(1.65rem, 1.6vw + 1rem, 2.25rem);
  --text-h2: clamp(2.1rem, 2.6vw + 1rem, 3.25rem);
  --text-h1: clamp(2.5rem, 3.6vw + 1.2rem, 4.5rem);
  --text-display: clamp(1.75rem, 3.2vw + 1rem, 3.25rem);

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;

  --tracking-wide: 0.14em;
  --tracking-normal: 0.01em;

  /* Espaçamento — generoso de propósito */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3rem;
  --space-xl: clamp(3.5rem, 6vw, 6rem);
  --space-2xl: clamp(5rem, 9vw, 8.5rem);
  --space-section: clamp(5.5rem, 10vw, 10rem);

  /* Layout */
  --container-max: 1300px;
  --container-narrow: 760px;
  --container-pad: clamp(1.5rem, 5vw, 4.5rem);

  /* Forma — bordas discretas, sem excesso de curvatura */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-pill: 999px;

  /* Movimento — suave e contido */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 220ms;
  --duration-base: 450ms;
  --duration-slow: 900ms;

  --hairline: 1px solid var(--color-border);
  --hairline-dark: 1px solid rgba(228, 220, 194, 0.25);

  --z-nav: 100;
  --z-overlay: 200;
  --z-toast: 300;
}