/* ==========================================================================
   Delta Construtora · tokens do design system (fonte: marca real)
   Cores medidas nos arquivos do logo (Drive / 04. Logo):
     preto do logo #000, dourado do logo #D4B675 (slogan #DBBC79), branco.
   Tipografia identificada no material da marca:
     wordmark "DELTA / construtora" = Lato Regular / Lato Bold com tracking largo;
     arte "Construindo lares, criando histórias!" = League Spartan Bold.
   Contrastes (WCAG 2.2) calculados e anotados ao lado de cada par de uso.
   ========================================================================== */
:root {
  /* ---------- cor: marca ---------- */
  --ink: #0C0C0B;          /* preto da marca, levemente quente (tela grande) */
  --ink-2: #161614;        /* painéis sobre --ink */
  --ink-3: #22211E;        /* bordas/realces sobre --ink */
  --gold: #D4B675;         /* dourado do logo: só sobre escuro (10:1 em --ink) */
  --gold-hi: #E2CA92;      /* hover do botão dourado */
  --gold-ink: #7A5E22;     /* dourado para texto sobre claro (5,39:1 em --paper) */

  /* ---------- cor: neutros quentes (derivados do dourado) ---------- */
  --paper: #F4F1EA;        /* fundo claro principal */
  --paper-2: #EBE5D9;      /* fundo claro alternado */
  --paper-3: #DDD5C6;      /* bordas e placeholders */
  --text: #0C0C0B;         /* 17,3:1 em --paper */
  --text-2: #58534A;       /* 6,77:1 em --paper · 6,09:1 em --paper-2 */
  --on-ink: #F3F0E9;       /* 17,2:1 em --ink */
  --on-ink-2: #B8B2A6;     /* 9,28:1 em --ink */
  --line: rgba(12, 12, 11, .14);
  --line-strong: rgba(12, 12, 11, .28);
  --line-ink: rgba(243, 240, 233, .16);

  /* ---------- tipografia ---------- */
  --f-display: 'League Spartan', 'Lato', system-ui, sans-serif;
  --f-body: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-hero: clamp(2.5rem, 1.2rem + 4.6vw, 5.4rem);
  --t-h2: clamp(2rem, 1.1rem + 3vw, 3.9rem);
  --t-h2-sm: clamp(1.75rem, 1.1rem + 2vw, 3rem);
  --t-h3: clamp(1.2rem, 1rem + .6vw, 1.55rem);
  --t-lead: clamp(1.05rem, .98rem + .3vw, 1.25rem);
  --t-body: 1.0625rem;
  --t-small: .875rem;
  --t-eyebrow: .78rem;
  --track-eyebrow: .24em;   /* ecoa o tracking do wordmark */
  --lh-tight: .98;
  --lh-head: 1.06;
  --lh-body: 1.62;

  /* ---------- espaço (base 4) ---------- */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --wrap: 1240px;
  --gutter: clamp(20px, 4vw, 48px);
  --hdr: 76px;

  /* ---------- forma ---------- */
  --r-0: 0;           /* fotos, cards, painéis: arquitetura reta */
  --r-1: 2px;         /* botões e campos */
  --r-round: 999px;   /* só controles circulares (lightbox) */
  --angle: 53.5deg;   /* ângulo das retas do símbolo Δ (medido no logo) */
  --shadow-lift: 0 18px 40px -24px rgba(12, 12, 11, .45);

  /* ---------- movimento (sistema de movimento BuildV) ---------- */
  --e: cubic-bezier(.16, .84, .28, 1);   /* entradas, reveals */
  --e2: cubic-bezier(.4, 0, .2, 1);      /* UI: header, hover */
  --d-fast: .22s;
  --d-ui: .45s;
  --d-in: .9s;
}