/* Modo Ativação · tokens do design system */

/* reserva da Barlow Condensed: métricas próximas enquanto a Google Fonts carrega (ou se for bloqueada) */
@font-face {
  font-family: "M2K Display Fallback";
  src: local("Roboto Bold"), local("Roboto-Bold"), local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold");
  font-weight: 800 900;
  size-adjust: 66%;
}

:root {
  color-scheme: dark;

  --bg-primary: #090909;
  --bg-secondary: #111111;
  --bg-elevated: #171717;
  --bg-inset: #0d0d0d;

  --text-primary: #F8F8F5;
  --text-secondary: #B7B7B2;
  --text-muted: #8a8a84;

  --lime-primary: #C7FF38;
  --lime-bright: #D4FF5A;
  --lime-dark: #95CA14;
  --lime-ink: #090909;
  --lime-soft: rgba(199, 255, 56, 0.10);

  --pink-signal: #FF356E;
  --yellow-alert: #FFD51F;

  --border-default: rgba(255, 255, 255, 0.10);
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(199, 255, 56, 0.32);
  --border-hover: rgba(199, 255, 56, 0.35);
  --border-field: #6b6b66;

  --glow-sm: 0 0 24px rgba(199, 255, 56, 0.18);
  --glow-md: 0 0 40px rgba(199, 255, 56, 0.22);

  --font-display: "Barlow Condensed", "M2K Display Fallback", sans-serif;
  --font-ui: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius-chip: 8px;
  --radius-input: 12px;
  --radius-btn: 12px;
  --radius-card: 16px;
  --radius-card-lg: 20px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 200ms;
  --t-base: 280ms;
  --t-slow: 350ms;

  --container: 1200px;
  --gutter: 20px;
  --header-h: 68px;
  --tap: 44px;

  /* encaixe de barras fixas: cada página define os valores (0 = nenhuma barra) */
  --dock: 0px;
  --pad-top: 0px;
  --topbar-h: calc(60px + env(safe-area-inset-top));
}

@media (min-width: 768px) {
  :root { --gutter: 32px; --header-h: 76px; }
}