/*
  Tokens da identidade visual do Espaço SoMa.

  Cores extraídas diretamente dos arquivos oficiais da marca:
  --color-terracotta e --color-charcoal vêm de assets/LOGO-SOMA.png;
  --color-terracotta-deep vem da cor média de assets/SOMA-TEXTURA.jpg.
  --color-offwhite é uma proposta de base neutra (não existe um arquivo de
  swatch isolado para "bege/off-white" no material fornecido), seguindo a
  diretriz de paleta do CLAUDE.md.
*/

:root {
  /* Cores de marca */
  --color-terracotta: #d48557;
  --color-terracotta-deep: #b66138;
  --color-charcoal: #676463;
  --color-charcoal-deep: #3a3837;
  --color-white: #ffffff;
  --color-offwhite: #f7f3ee;
  --color-offwhite-deep: #efe8e0;
  --color-border: rgba(103, 100, 99, 0.16);

  /*
    Variações de terracota ajustadas apenas para uso em TEXTO, garantindo
    contraste mínimo AA (4.5:1). --color-terracotta permanece a cor "pura"
    da marca, usada em traços, bordas e destaques decorativos.
  */
  --color-terracotta-text: #a35732; /* sobre fundo claro */
  --color-terracotta-text-on-dark: #e48f5d; /* sobre fundo cinza-chumbo escuro */

  /*
    Tom quase-preto usado apenas como texto sobre terracota sólido (CTA final),
    onde o cinza-chumbo padrão não atinge contraste AA confortável. Deriva da
    mesma família neutra do cinza-chumbo, só que mais escura.
  */
  --color-ink: #1e1d1c;

  /* Tipografia oficial (ver CLAUDE.md > Tipografia) */
  --font-heading: "Glacial Indifference", "Space Grotesk", sans-serif;
  --font-body: "Inter", -apple-system, sans-serif;

  /*
    Escala tipográfica (clamp = fluida entre mobile e desktop).
    Reduzida e mais escalonada na v2 — nem todo título precisa ter o
    mesmo impacto do título do hero.
  */
  --fs-hero: clamp(1.9rem, 2.1vw + 1.35rem, 3.15rem);
  --fs-h1: clamp(1.55rem, 1vw + 1.25rem, 2.3rem);
  --fs-h2: clamp(1.05rem, 0.35vw + 0.95rem, 1.25rem);
  --fs-h3: 1rem;
  --fs-body-lg: clamp(1.05rem, 0.3vw + 0.95rem, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.8rem;

  /* Espaçamento */
  --space-3xs: 0.4rem;
  --space-2xs: 0.8rem;
  --space-xs: 1.2rem;
  --space-sm: 2rem;
  --space-md: 3.2rem;
  --space-lg: clamp(3.5rem, 5vw, 6rem);
  --space-xl: clamp(4.5rem, 6.5vw, 8rem);

  /* Layout */
  --container-max: 1400px;
  --container-pad: clamp(1.5rem, 5vw, 4.5rem);
  --header-height: 116px;
  --header-height-mobile: 84px;

  /* Movimento */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.25s var(--ease);
  --transition-medium: 0.45s var(--ease);
  --transition-slow: 0.8s var(--ease);
}