/* ==========================================================================
   WebStudio — Design Tokens (Electric Navy)
   --------------------------------------------------------------------------
   Reconstrução dos tokens que o styles.css consome e que, no projeto de
   origem, vivem fora deste repositório em ../WebStudio/tokens/*.css
   (colors.css, typography.css, spacing.css).

   Os valores abaixo foram derivados dos literais rgba() já presentes no
   styles.css e das cores do logo (assets/logo-lockup.svg), portanto batem
   exatamente com o que a folha de estilo espera.

   Se você tiver os arquivos originais de tokens, basta substituir o
   conteúdo deste arquivo por eles — nada mais no dist precisa mudar.
   ========================================================================== */

:root {
  /* ---------- Marca ------------------------------------------------------ */
  --wb-white: #fefdfd;          /* rgb(254,253,253) — logo */
  --wb-black: #05080f;          /* rgb(5,8,15)      — sombras / fundo do choque */
  --wb-deep: #0b1220;           /* rgb(11,18,32)    — logo (contra-forma) */
  --wb-navy: #070c16;           /* rgb(7,12,22)     — base da página */

  --wb-accent: #3b82f6;         /* rgb(59,130,246)  — azul da marca */
  --wb-accent-strong: #2563eb;
  --wb-accent-soft: #93b8f8;    /* rgb(147,184,248) — hover no rodapé */

  --wb-cta: #25d366;            /* rgb(37,211,102)  — verde de ação */
  --wb-cta-strong: #1db954;

  /* ---------- Superfícies ------------------------------------------------ */
  --surface-primary: #070c16;   /* fundo da página */
  --surface-deep: #0b1220;      /* seções e cards elevados */

  /* ---------- Texto ------------------------------------------------------ */
  --text-on-dark: #fefdfd;
  --text-on-dark-muted: #98a5ba;

  /* ---------- Bordas ----------------------------------------------------- */
  --border-on-dark: rgba(255, 255, 255, .08);
  --border-on-dark-strong: rgba(255, 255, 255, .16);
  --border-accent: rgba(59, 130, 246, .5);

  /* ---------- Foco ------------------------------------------------------- */
  --focus-ring: 0 0 0 2px var(--surface-primary), 0 0 0 4px var(--wb-accent);

  /* ---------- Tipografia ------------------------------------------------- */
  --font-brand: "Inter Variable", "Inter", system-ui, -apple-system,
                "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --text-small: 13px;
  --text-body: 16px;
  --text-body-l: 17.5px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  --leading-tight: 1.05;
  --leading-relaxed: 1.6;

  --tracking-tight: -.02em;

  /* ---------- Espaçamento ------------------------------------------------ */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 20px;
  --space-l: 32px;
  --space-xl: 56px;
  --space-2xl: 88px;
  --radius-card: 16px;
  --radius-pill: 999px;
}