/* ==========================================================================
   Instituto Claudio Zeri — Variáveis globais
   Paleta: preto, branco, dourado, cinza — sóbria e sofisticada
   ========================================================================== */

:root {
  /* ---------- Cores ---------- */
  --color-black: #0a0a0a;
  --color-black-soft: #151515;
  --color-black-elevated: #1c1c1c;
  --color-white: #ffffff;
  --color-off-white: #f5f3ef;
  --color-off-white-warm: #efeae2;
  --color-gray-light: #d9d9d9;
  --color-gray-medium: #6b6b6b;
  --color-gray-dark: #3a3a3a;
  --color-gold: #b79a5b;
  --color-gold-soft: #cdb98a;
  --color-gold-dark: #83692f;

  --color-overlay-dark: rgba(10, 10, 10, 0.55);
  --color-overlay-dark-strong: rgba(10, 10, 10, 0.78);
  --color-border-subtle: rgba(255, 255, 255, 0.12);
  --color-border-subtle-dark: rgba(10, 10, 10, 0.1);

  /* ---------- Tipografia ---------- */
  --font-serif: "Fraunces", "Iowan Old Style", "Georgia", serif;
  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;

  --fs-display: clamp(2.6rem, 5vw + 1rem, 5.2rem);
  --fs-h1: clamp(2.2rem, 3.4vw + 1rem, 3.6rem);
  --fs-h2: clamp(1.8rem, 2.4vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.35rem, 1.2vw + 1rem, 1.75rem);
  --fs-h4: clamp(1.1rem, 0.6vw + 1rem, 1.3rem);
  --fs-body-lg: clamp(1.05rem, 0.3vw + 1rem, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --lh-tight: 1.12;
  --lh-heading: 1.25;
  --lh-body: 1.7;

  --ls-wide: 0.14em;
  --ls-mid: 0.06em;

  /* ---------- Espaçamento ---------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.25rem;
  --space-xl: 5rem;
  --space-2xl: 7.5rem;
  --space-3xl: 10rem;

  --container-max: 1320px;
  --container-narrow: 860px;
  --gutter: clamp(1.25rem, 5vw, 5rem);

  /* ---------- Bordas / raios ---------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-full: 999px;

  /* ---------- Transições ---------- */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 220ms;
  --duration-mid: 480ms;
  --duration-slow: 900ms;

  /* ---------- Camadas ---------- */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;
}