/* TENVION — design tokens (Brand Book v1.0 em validação: ajuste aqui, não no styles.css) */
:root {
  /* Cor */
  --color-bg: #0b0f1a;
  --color-surface: #0f1524;
  --color-line: #232c42;          /* bordas finas */
  --color-line-strong: #34405c;
  --color-edge: #3a4560;          /* arestas da rede (decorativo) */
  --color-text: #ffffff;
  --color-text-muted: #9ca8c0;    /* 7.9:1 sobre bg */
  --color-accent: #22d3ee;        /* ciano único: linhas, 1 destaque por seção */
  --color-accent-ink: #04202a;    /* texto sobre ciano (botão) */
  --color-error: #ff8a8a;

  /* Tipografia */
  --font-display: "Sora", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --tracking-wordmark: 0.32em;
  --tracking-label: 0.14em;

  --fs-label: 0.75rem;
  --fs-small: 0.9375rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.125rem, 1.6vw, 1.3125rem);
  --fs-h2: clamp(1.625rem, 4vw, 2.5rem);
  --fs-h1: clamp(2.125rem, 6.2vw, 4rem);

  /* Espaçamento (base 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  /* Forma */
  --radius: 6px;
  --border: 1px solid var(--color-line);
  --container: 1200px;
  --gutter: 1.25rem;
  --grid-size: 48px;
}

@media (min-width: 768px) {
  :root { --gutter: 2.5rem; }
}