/* Gerado pelo BRADOX UI ARCHITECT. Exclusivo para a UI; não aplicar ao renderer dos banners. */
:root {
  --brx-color-background: #090A0C;
  --brx-color-surface: #071A1F;
  --brx-color-surface-raised: #10262B;
  --brx-color-text: #F5F6F7;
  --brx-color-text-muted: #A8B6B9;
  --brx-color-border: #294147;
  --brx-color-accent: #D4AF37;
  --brx-color-accent-text: #14120A;
  --brx-color-focus: #F6C453;
  --brx-color-danger: #F47A7A;
  --brx-color-success: #4BC49B;
  --brx-color-warning: #F0B35B;
  --brx-space-none: 0px;
  --brx-space-2xs: 4px;
  --brx-space-xs: 8px;
  --brx-space-sm: 12px;
  --brx-space-md: 16px;
  --brx-space-lg: 24px;
  --brx-space-xl: 32px;
  --brx-space-2xl: 40px;
  --brx-space-3xl: 48px;
  --brx-space-4xl: 64px;
  --brx-radius-xs: 6px;
  --brx-radius-sm: 10px;
  --brx-radius-md: 14px;
  --brx-radius-lg: 18px;
  --brx-radius-xl: 24px;
  --brx-radius-panel: 20px;
  --brx-radius-round: 999px;
  --brx-shadow-panel: 0 12px 30px rgba(0,0,0,.18);
  --brx-shadow-popup: 0 18px 64px rgba(0,0,0,.38);
  --brx-shadow-focus: 0 0 0 3px rgba(246,196,83,.25);
  --brx-sidebar-desktop-px: 264px;
  --brx-topbar-desktop-px: 68px;
  --brx-min-touch-target-px: 44px;
  --brx-editor-inspector-px: 304px;
  --brx-heading-h1: 32px;
  --brx-heading-h2: 26px;
  --brx-heading-h3: 22px;
  --brx-heading-h4: 18px;
  --brx-font-base: 16px;
  --brx-line-height: 1.55;
  --brx-font-family: Manrope, Inter, system-ui, sans-serif;
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }