/*
 * @file core/design/tokens.css
 * @responsabilidade Tokens de MARCA (cores, tipografia, raios, espaçamento) — fonte única.
 * @camada core/design — sem seletores de componente; só variáveis.
 * Espelha a paleta do app (preview/incartaz/meta.json) — ADR 0052.
 */
:root {
  /* Paleta da marca */
  --c-night: #0e0524;
  --c-deep: #1b0a3e;
  --c-violet: #6c3ce0;
  --c-magenta: #b14ae0;
  --c-pink: #ff4d8d;
  --c-blue: #4d7cff;
  --c-accent: #ffc9a3;
  --c-on-brand: #ffffff;

  /* Superfícies claras (as páginas legais são claras, para leitura longa) */
  --c-bg: #ffffff;
  --c-surface: #faf8ff;
  --c-surface-2: #f3eefc;
  --c-border: #e4dbf6;
  --c-text: #1b0a3e;
  --c-text-muted: #5f5a70;

  /* Gradiente de marca (header/hero) */
  --grad-brand: linear-gradient(135deg, #0e0524 0%, #3a1063 55%, #6c3ce0 100%);

  /* Tipografia */
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fs-1: 2.25rem;
  --fs-2: 1.5rem;
  --fs-3: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --lh-body: 1.65;

  /* Raios e espaçamento */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-6: 3rem;

  /* Largura de leitura */
  --measure: 68ch;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #15082e;
    --c-surface: #1e0f44;
    --c-surface-2: #2a1656;
    --c-border: #463174;
    --c-text: #ede7fb;
    --c-text-muted: #a99bd0;
  }
}