/* ==========================================================================
   Era Sobre Nós — Design tokens
   ========================================================================== */
:root {
  /* Color */
  --color-bg: #fff9f7;
  --color-bg-secondary: #f7eeeb;
  --color-white: #ffffff;
  --color-text: #2b2323;
  --color-text-muted: #6f6060;
  --color-rose: #b95f70;
  --color-rose-soft: #d98a98;
  --color-gold: #c59a72;
  --color-border: rgba(81, 48, 53, 0.12);

  --color-rose-rgb: 185, 95, 112;
  --color-gold-rgb: 197, 154, 114;

  /* Gradients (extremely soft, used sparingly) */
  --gradient-soft: linear-gradient(180deg, #fff9f7 0%, #f7eeeb 100%);
  --gradient-rose: linear-gradient(135deg, #b95f70 0%, #a24f60 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.15) 100%);

  /* Typography */
  --font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-script: "Caveat", cursive;

  --fs-eyebrow: 0.75rem;
  --fs-body-sm: 0.875rem;
  --fs-body: 1rem;
  --fs-body-lg: 1.125rem;
  --fs-h4: 1.25rem;
  --fs-h3: 1.5rem;
  --fs-h2: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  --fs-display: clamp(2.6rem, 1.8rem + 3.4vw, 4.4rem);

  --lh-tight: 1.12;
  --lh-snug: 1.3;
  --lh-normal: 1.55;
  --lh-relaxed: 1.75;

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

  /* Spacing (4px grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 112px;
  --space-13: 160px;

  /* Radii */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* Shadows — soft and low-opacity */
  --shadow-1: 0 1px 2px rgba(43, 35, 35, 0.05);
  --shadow-2: 0 8px 24px rgba(43, 35, 35, 0.06);
  --shadow-3: 0 16px 40px rgba(43, 35, 35, 0.09);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 10px 30px rgba(81, 48, 53, 0.07);
  --shadow-featured: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 24px 48px rgba(185, 95, 112, 0.18);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur: 260ms;
  --dur-slow: 420ms;

  /* Layout */
  --width-content: 1120px;
  --width-narrow: 760px;
  --width-prose: 640px;

  --header-h: 64px;
  --topbar-h: 40px;
}

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