/* GERADO por gerar_css.py a partir de tokens.json. Não editar à mão. */
:root {
  --cor-bg: #f8f9fb;
  --cor-surface: #ffffff;
  --cor-surface-sunken: #f1f3f6;
  --cor-border: #e3e6eb;
  --cor-border-input: #858d99;
  --cor-text: #141820;
  --cor-text-muted: #59616d;
  --cor-text-subtle: #6b7280;
  --cor-accent: #3a4fd0;
  --cor-on-accent: #ffffff;
  --cor-accent-soft: #eceffd;
  --cor-accent-strong: #2c3db0;
  --cor-cta: #1f7a3e;
  --cor-on-cta: #ffffff;
  --cor-live: #d0101c;
  --cor-on-live: #ffffff;
  --cor-danger: #c62a2a;
  --cor-on-danger: #ffffff;
  --cor-danger-soft: #fdecec;
  --cor-success: #1d7148;
  --cor-success-soft: #e6f4ec;
  --cor-warning: #8a5200;
  --cor-warning-soft: #fdf1df;
  --cor-focus: #3a4fd0;
  --cor-overlay: #0f131a;
  --cor-on-overlay: #ffffff;
  --cor-marca: #a3175f;
  --cor-on-marca: #ffffff;
  --fonte-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-display: Manrope, Inter, system-ui, sans-serif;
  --fonte-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --texto-xs: 12px;
  --linha-xs: 16px;
  --peso-xs: 500;
  --texto-sm: 14px;
  --linha-sm: 20px;
  --peso-sm: 400;
  --texto-base: 16px;
  --linha-base: 24px;
  --peso-base: 400;
  --texto-lg: 20px;
  --linha-lg: 28px;
  --peso-lg: 600;
  --texto-xl: 28px;
  --linha-xl: 34px;
  --peso-xl: 700;
  --texto-display: 40px;
  --linha-display: 44px;
  --peso-display: 800;
  --esp-0: 0px;
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 48px;
  --esp-8: 64px;
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 16px;
  --raio-pill: 999px;
  --sombra-card: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --sombra-pop: 0 12px 32px rgba(16,24,40,.16);
  --mov-fast: 120ms;
  --mov-base: 200ms;
  --mov-ease: cubic-bezier(.2,.8,.2,1);
  --lay-painel-sidebar: 216px;
  --lay-painel-conteudo-max: 1120px;
  --lay-lp-max: 960px;
  --lay-sala-chat: 320px;
  --lay-sala-max: 1440px;
  --lay-toque-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --mov-fast: 0ms; --mov-base: 0ms; }
}
