/* ==========================================================================
   Albernaz Arquitetura — tokens de identidade
   Paleta derivada da marca (quadrado preto + branco) e das fotografias da
   marca. Documentação completa: design-system/index.html
   ========================================================================== */
:root {
  /* Cores base — primitivas */
  --preto: #0B0B0B;        /* fundo da marca */
  --grafite: #1C1C1C;
  --branco: #FFFFFF;       /* letras da marca */
  --linho: #F5F2EE;        /* fundo claro principal */
  --nevoa: #ECE4DF;        /* rosé-névoa dos retratos */
  --areia: #B8A288;        /* areia — acento (botões, detalhes) */
  --areia-clara: #D9CBB9;
  --cacau: #72503C;        /* cacau — acento em texto sobre claro */
  --pedra: #625C55;        /* texto secundário */

  /* Semânticos — usados por styles.css */
  --background: var(--linho);
  --surface: var(--nevoa);
  --paper: #FAF8F5;
  --text: var(--preto);
  --text-2: #2E2A27;
  --muted: var(--pedra);
  --accent: var(--cacau);
  --accent-light: var(--areia);
  --night: var(--preto);
  --night-2: #141414;
  --on-night: #F5F2EE;
  --on-night-muted: #A8A29B;
  --border: rgba(11, 11, 11, 0.14);
  --border-strong: rgba(11, 11, 11, 0.4);
  --border-night: rgba(245, 242, 238, 0.14);
  --danger: #9B2C1F;

  /* Tipografia — DM Sans, geométrica como a marca.
     Ênfase no estilo da marca: leve + negrito ("Os projetos"). */
  --sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --serif: var(--sans);
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-bold: 650;

  --fs-micro: 0.72rem;
  --fs-small: 0.875rem;
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lead: clamp(1.125rem, 1rem + 0.6vw, 1.4rem);
  --fs-h2: clamp(2.4rem, 1.5rem + 4vw, 5.4rem);
  --fs-display: clamp(3rem, 1.3rem + 8vw, 10rem);

  --track-label: 0.18em;

  /* Espaço e grade */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --maxw: 1480px;
  --section: clamp(6rem, 4rem + 9vw, 12rem);
  --header-h: 84px;

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.5s;
}