/* UNICHAT-LANDING-01 — design tokens.

   As cores NÃO são escolhidas a olho: foram amostradas pixel a pixel da referência visual
   aprovada (ver docs/implementation/unichat/UNICHAT_LANDING_01.md, seção "Fidelidade visual").
   O valor amostrado está anotado ao lado de cada token de marca. Qualquer cor nova deve nascer
   aqui, nunca hardcoded num componente. */
:root {
  /* ---- cor: superfícies ----
     A referência é quase preta com leve viés azul (#01020a amostrado no fundo), e os cards são
     cinza-azulado SÓLIDO (#0c1218), não um véu branco translúcido — véu branco "lava" o card e foi
     o que deixou a primeira versão sem contraste. */
  --uc-bg: #01040c;
  --uc-bg-soft: #050b16;
  --uc-surface: #0c1218;
  --uc-surface-elevated: #111a23;
  --uc-surface-border: rgba(0, 168, 253, 0.18);
  --uc-surface-border-strong: rgba(0, 179, 254, 0.55);

  /* ---- cor: marca ----
     O azul de ação do UniChat é um azul-elétrico (#00b3fe no CTA, #01a0fd na faixa), não azul
     royal. Sobre ele o texto é PRETO, como na referência. */
  --uc-azure: #00b3fe;
  --uc-azure-strip: #00a8fd;
  --uc-azure-deep: #0084d6;
  --uc-cyan: #04c1e7;
  --uc-cyan-bright: #47d8ff;
  --uc-blue-deep: #0044fe;
  --uc-ink: #001018;

  /* ---- cor: texto ---- */
  --uc-text-primary: #f2f7fb;
  --uc-text-muted: #9db0c4;
  --uc-text-faint: #64798f;

  /* ---- cor: estado ---- */
  --uc-success: #34d399;

  /* ---- gradientes / glow ---- */
  --uc-gradient-headline: linear-gradient(100deg, #47d8ff 0%, #04c1e7 45%, #0a8ff0 100%);
  --uc-glow-azure: 0 0 90px rgba(0, 168, 253, 0.35);
  --uc-glow-cyan: 0 0 70px rgba(4, 193, 231, 0.3);

  /* ---- radius ---- */
  --uc-radius-sm: 10px;
  --uc-radius-md: 16px;
  --uc-radius-lg: 22px;
  --uc-radius-pill: 999px;

  /* ---- spacing / medidas ----
     Container 1280: a referência usa margens laterais de apenas ~4,8% da largura da página,
     bem mais generoso que os 1180 da primeira versão. */
  --uc-container: 1280px;
  --uc-gutter: clamp(20px, 4vw, 32px);
  --uc-space-section: clamp(52px, 6vw, 84px);
  --uc-space-lg: clamp(24px, 3.4vw, 44px);
  --uc-space-md: 24px;
  --uc-space-sm: 12px;

  /* ---- tipografia ----
     Display geométrico (Montserrat) nos títulos, como a referência; Inter no corpo. */
  --uc-font-display: "Montserrat", "Segoe UI", Roboto, sans-serif;
  --uc-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Montserrat tem métricas mais largas que a fonte do render de referência: nos mesmos px o
     texto ocupa ~10% a mais e estoura as quebras de linha desenhadas. Os tamanhos abaixo são a
     compensação — a mancha de texto resultante bate com a referência, o valor em px não. */
  --uc-fs-h1: clamp(1.9rem, 2.9vw, 2.62rem);
  --uc-fs-h2: clamp(1.7rem, 2.9vw, 2.65rem);
  --uc-fs-h3: clamp(1.25rem, 1.6vw, 1.5rem);
  --uc-fs-lead: clamp(1.05rem, 1.35vw, 1.3rem);
  --uc-fs-body: 1rem;
  --uc-fs-sm: 0.9rem;
  --uc-fs-xs: 0.78rem;

  /* ---- sombra ---- */
  --uc-shadow-card: 0 28px 70px rgba(0, 0, 0, 0.55);

  /* ---- transição ---- */
  --uc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}