/*
 * Tokens de design — espelho 1:1 dos valores reais de
 * lib/core/theme/app_colors.dart e lib/core/theme/app_typography.dart.
 * Não inventar cor nova aqui; se o app mudar a paleta, atualizar este
 * arquivo junto.
 */

:root {
  /* Superfícies */
  --color-background: #0c0914;
  --color-surface: #1b1430;
  --color-surface-alt: #241b3d;
  --color-outline: #2e2450;

  /* Acentos */
  --color-coral: #ff4d4d;
  --color-violet: #ae2bf5;
  --color-cyan: #2ee6d6;
  --color-teal: #3e9e92;
  /* Reservado ao app pra cupom/promoção do bar parceiro — usado neste
     site só na página "Para bares parceiros". */
  --color-gold: #ffc53d;
  /* Segunda cor do gradiente do wordmark (ver _GradientChanceText em
     lib/features/auth/splash_screen.dart). */
  --color-magenta: #b94dff;

  /* Texto */
  --color-text-primary: #f4f1fa;
  --color-text-muted: #a79dc4;
  --color-text-dim: rgb(163, 149, 197);

  /* Tipografia — única família do app: Sora. */
  --font-family: 'Sora', system-ui, -apple-system, sans-serif;

  /* Espaçamento e raio — não vêm 1:1 do Flutter (isso é layout web),
     mas seguem a mesma sensação visual (cantos bem arredondados,
     cards "flutuantes" sobre o fundo escuro). */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --content-max-width: 1120px;
  --content-narrow-width: 720px;
}