/*====================================
  DESIGN TOKENS — Barbieri Imóveis
  Cores extraídas do Figma (barbieri.png + componentes)
====================================*/
:root {
  /* ---- Marca / Verdes ---- */
  --green-900: #12240F;   /* seções e footer mais escuros   */
  --green-800: #013e1e;   /* faixa/seção verde profunda — verde padrão da marca */
  --green-700: #013e1e;   /* botões primários / "Central" — verde padrão da marca */
  --green-600: #2B4A2A;   /* hover de botões                 */
  --green-brand: #013e1e; /* wordmark "Barbieri" — verde padrão da marca */

  /* ---- Dourado / Ocre ---- */
  --gold-400: #EFBF6D;    /* brilho (chaves do logo)         */
  --gold-500: #C79A4B;    /* dourado base (eyebrows, bordas) */
  --gold-600: #A97E36;    /* dourado escuro (texto sobre claro) */

  /* ---- Neutros / Fundo ---- */
  --cream: #FBFAF7;       /* fundo claro principal           */
  --beige: #F3EEE7;       /* fundo bege das seções alternadas*/
  --beige-200: #EAE3D8;   /* bordas suaves / divisores       */
  --white: #FFFFFF;

  /* ---- Texto ---- */
  --ink: #1D1D1B;         /* títulos e texto forte           */
  --text: #3C3A36;        /* corpo                           */
  --muted: #8A867E;       /* legendas / labels secundárias   */
  --on-dark: #F4F1EA;     /* texto sobre fundo verde         */
  --on-dark-muted: #B8C1B0;

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

  --fs-hero: clamp(2.5rem, 5.2vw, 4.75rem);
  --fs-h2:   clamp(2rem, 4vw, 3.5rem);
  --fs-h3:   clamp(1.25rem, 2vw, 1.75rem);
  --fs-eyebrow: 0.8125rem;   /* 13px, uppercase, tracking     */
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --lh-tight: 1.05;
  --lh-normal: 1.6;
  --tracking-eyebrow: 0.16em;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 76px;

  /* ---- Formas ---- */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---- Sombras ---- */
  --shadow-sm: 0 2px 8px rgba(20, 30, 15, 0.06);
  --shadow-md: 0 12px 30px rgba(20, 30, 15, 0.10);
  --shadow-lg: 0 24px 60px rgba(20, 30, 15, 0.16);

  /* ---- Movimento ---- */
  --transition: 0.25s ease;
  --transition-slow: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- Semânticos (trocados no dark.css) ---- */
  --bg: var(--cream);
  --bg-alt: var(--beige);
  --surface: var(--white);
  --border: var(--beige-200);
  --heading: var(--ink);
  --body-text: var(--text);
}