/* Max Corretora — design tokens (Fase 0) */
:root {
  --font-sans: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --shadow-drawer: -8px 0 32px rgba(15, 23, 42, 0.12);

  --z-sidebar: 450;
  --z-topbar: 110;
  --z-overlay: 200;
  --z-drawer: 300;
  --z-modal: 600;
  --z-toast: 700;

  --header-stack: 48px;
  --bottom-nav-height: 56px;

  /* Motion (Fase 9) */
  --motion-fast: 180ms;
  --motion-ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Light (default) — paleta clara azul/branco, leve e acolhedora */
  --bg-app: #eaf2fb;
  --bg-surface: #ffffff;
  --bg-elevated: #ffffff;
  --bg-muted: #f1f6fd;
  --border: #d9e6f5;
  --border-strong: #bdd4ee;
  --text: #16263b;
  --text-muted: #5f7488;
  --text-subtle: #94a7bd;

  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #e0edff;
  --accent-on-soft: #1e40af;
  --accent-focus: rgba(37, 99, 235, 0.14);

  --danger: #e11d48;
  --danger-soft: #fff1f3;
  --success: #16a34a;
  --success-soft: #effaf1;
  --warning: #e08a00;
  --warning-soft: #fff8ec;

  --overlay: rgba(22, 38, 59, 0.45);

  --agencia-cor: #2563eb;

  /* Badges — light */
  --badge-neutral-bg: #f1f5f9;
  --badge-neutral-fg: #64748b;
  --badge-neutral-border: rgba(100, 116, 139, 0.25);
  --badge-success-bg: #dcfce7;
  --badge-success-fg: #166534;
  --badge-success-border: rgba(22, 101, 52, 0.22);
  --badge-danger-bg: #fee2e2;
  --badge-danger-fg: #991b1b;
  --badge-danger-border: rgba(153, 27, 27, 0.22);
  --badge-warning-bg: #fffbeb;
  --badge-warning-fg: #92400e;
  --badge-warning-border: rgba(146, 64, 14, 0.22);
  --badge-amber-bg: #fef3c7;
  --badge-amber-fg: #92400e;
  --badge-amber-border: rgba(146, 64, 14, 0.22);
  --badge-yellow-bg: #fef9c3;
  --badge-yellow-fg: #854d0e;
  --badge-yellow-border: rgba(133, 77, 14, 0.22);
  --badge-sky-bg: #dbeafe;
  --badge-sky-fg: #1e40af;
  --badge-sky-border: rgba(30, 64, 175, 0.22);
  --badge-cyan-bg: #cffafe;
  --badge-cyan-fg: #155e75;
  --badge-cyan-border: rgba(21, 94, 117, 0.22);
  --badge-purple-bg: #ede9fe;
  --badge-purple-fg: #5b21b6;
  --badge-purple-border: rgba(91, 33, 182, 0.22);
  --badge-indigo-bg: #e0e7ff;
  --badge-indigo-fg: #4338ca;
  --badge-indigo-border: rgba(67, 56, 202, 0.22);
  --badge-orange-bg: #fed7aa;
  --badge-orange-fg: #9a3412;
  --badge-orange-border: rgba(154, 52, 18, 0.22);
  --badge-pink-bg: #fce7f3;
  --badge-pink-fg: #be185d;
  --badge-pink-border: rgba(190, 24, 93, 0.22);

  /* Chart.js (Fase 2) */
  --chart-bar: #3b82f6;
  --chart-bar-hi: #1d4ed8;
  --chart-grid: #e2e8f0;
  --chart-tick: #64748b;
}