/* AtiviAI CRM — design tokens. Ciano #03A2FE + violeta #645DFB como acento
   funcional (não decorativo). Light é o tema padrão; dark segue o sistema ou
   a escolha salva (ver anti-flash no <head> de index.html). */

:root {
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-alt: #f0f1f4;
  --color-border: #dfe2e8;
  --color-text: #171a21;
  --color-text-muted: #5b6472;
  --color-text-inverse: #ffffff;

  --color-accent: #03a2fe;
  --color-accent-2: #645dfb;
  --color-accent-contrast: #ffffff;
  --color-success: #1f9d63;
  --color-warning: #a8710a;
  --color-danger: #d64545;

  --color-sidebar-bg: #12172a;
  --color-sidebar-border: #232a45;
  --color-sidebar-text: #aab1cc;
  --color-sidebar-text-active: #ffffff;

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

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

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);

  --sidebar-width: 240px;
  --header-height: 64px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0d1117;
    --color-surface: #151b26;
    --color-surface-alt: #1b2331;
    --color-border: #2a3242;
    --color-text: #e6e9f0;
    --color-text-muted: #9aa3b8;
    --color-accent-contrast: #08131f;
  }
}

:root[data-theme="dark"] {
  --color-bg: #0d1117;
  --color-surface: #151b26;
  --color-surface-alt: #1b2331;
  --color-border: #2a3242;
  --color-text: #e6e9f0;
  --color-text-muted: #9aa3b8;
  --color-accent-contrast: #08131f;
}