/* ════════════════════════════════════════════════════
   DESIGN TOKENS — dark / light / system
   Única fonte de verdade para todas as páginas.
   ════════════════════════════════════════════════════ */

/* ── Dark mode (padrão) ──────────────────────────────── */
:root {
  color-scheme: dark;

  /* Bootstrap 5 overrides */
  --bs-body-bg:             #121212;
  --bs-body-color:          #efefef;
  --bs-secondary-bg:        #1e1e1e;
  --bs-tertiary-bg:         #0d0d0d;
  --bs-border-color:        #2e2e2e;
  --bs-border-color-translucent: rgba(255,255,255,0.06);
  /* Primary — override Bootstrap blue with our green accent */
  --bs-primary:             #1f8a5b;
  --bs-primary-rgb:         31,138,91;
  /* Link colors — Bootstrap 5.3 uses the -rgb variant for rgba() calculations */
  --bs-link-color:          #a8a8a8;
  --bs-link-color-rgb:      168,168,168;
  --bs-link-hover-color:    #efefef;
  --bs-link-hover-color-rgb: 239,239,239;
  /* Emphasis colors */
  --bs-emphasis-color:      #efefef;
  --bs-emphasis-color-rgb:  239,239,239;
  --bs-secondary-color:     #a8a8a8;
  --bs-secondary-color-rgb: 168,168,168;

  /* Conteúdo */
  --adm-bg-base:    #121212;
  --adm-bg-surface: #1e1e1e;
  --adm-bg-card:    #252525;
  --adm-bg-hover:   #2e2e2e;
  --adm-border:     #2e2e2e;
  --adm-border-md:  #3a3a3a;
  --adm-text-1:     #efefef;
  --adm-text-2:     #a8a8a8;
  --adm-text-3:     #8a8a8a;

  /* Sidebar — sempre escura em ambos os modos */
  --adm-sidebar-bg:      #0d0d0d;
  --adm-sidebar-surface: #181818;
  --adm-sidebar-hover:   #1e1e1e;
  --adm-sidebar-border:  #242424;
  --adm-sidebar-text:    #b4b4b4;
  --adm-sidebar-muted:   #7a7a7a;
  --adm-sidebar-active-fg: #f2f2f2;

  /* Semânticos */
  --adm-accent:      #1f8a5b;
  --adm-accent-glow: rgba(31,138,91,0.22);
  --adm-green:       #1f8a5b;
  --adm-red:         #cc4a3a;
  --adm-amber:       #d9a242;

  /* Acento em uso tipográfico (links, ícones, números) — contraste AA */
  --adm-accent-text: #3fbf85;
  /* Cor do texto sobre superfícies de acento (o branding pode trocar). */
  --adm-on-accent:   #ffffff;

  /* Estados — texto/ícone + superfície de fundo correspondente.
     Use SEMPRE estes; não crie novos hex de erro/aviso/sucesso por tela. */
  --adm-ok:         #3fbf85;
  --adm-ok-bg:      #16301f;
  --adm-warn:       #e0a94a;
  --adm-warn-bg:    #332813;
  --adm-danger:     #e5695a;
  --adm-danger-bg:  #351d1a;
  --adm-info:       #5aa9e6;
  --adm-info-bg:    #16283a;
  --adm-neutral:    #a8a8a8;
  --adm-neutral-bg: #2e2e2e;

  /* Bolha de mensagem — compartilhada entre o chat real e todos os previews */
  --adm-msg-in:  #252525;
  --adm-msg-out: #1a3228;

  /* Escala Apple-like (tipografia / raio / sombra) — compartilhada por todas as telas */
  --adm-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --adm-radius-sm: 8px;
  --adm-radius-md: 14px;
  --adm-radius-lg: 20px;
  --adm-radius-pill: 999px;
  --adm-shadow-sm: 0 1px 3px rgba(0,0,0,0.18);
  --adm-shadow-md: 0 6px 24px rgba(0,0,0,0.22);

  /* Espaçamento */
  --adm-sp-1: 4px;
  --adm-sp-2: 8px;
  --adm-sp-3: 12px;
  --adm-sp-4: 16px;
  --adm-sp-5: 24px;
  --adm-sp-6: 32px;

  /* Escala tipográfica */
  --adm-fs-title:   20px;
  --adm-fs-section: 15px;
  --adm-fs-body:    13px;
  --adm-fs-meta:    11px;

  /* Altura de controles (input, select, botão) numa mesma linha */
  --adm-control-h: 36px;

  /* Movimento */
  --adm-trans: 160ms ease-out;
}

/* ── Light mode override ─────────────────────────────── */
html[data-theme="light"] {
  color-scheme: light;

  --bs-body-bg:             #eeecea;
  --bs-body-color:          #141414;
  --bs-secondary-bg:        #e6e3e0;
  --bs-tertiary-bg:         #dedbd7;
  --bs-border-color:        #cbc8c4;
  --bs-border-color-translucent: rgba(0,0,0,0.1);
  --bs-primary:             #1f8a5b;
  --bs-primary-rgb:         31,138,91;
  /* Link colors for Bootstrap 5.3 */
  --bs-link-color:          #3a3a3a;
  --bs-link-color-rgb:      58,58,58;
  --bs-link-hover-color:    #141414;
  --bs-link-hover-color-rgb: 20,20,20;
  --bs-emphasis-color:      #141414;
  --bs-emphasis-color-rgb:  20,20,20;
  --bs-secondary-color:     #3a3a3a;
  --bs-secondary-color-rgb: 58,58,58;

  --adm-bg-base:    #eeecea;
  --adm-bg-surface: #e6e3e0;
  --adm-bg-card:    #dedbd7;
  --adm-bg-hover:   #d6d3cf;
  --adm-border:     #cbc8c4;
  --adm-border-md:  #b8b5b1;
  --adm-text-1:     #141414;
  --adm-text-2:     #3a3a3a;
  --adm-text-3:     #6b6b6b;

  /* Sidebar fica escura mesmo no light mode */
  --adm-sidebar-bg:      #1e1e1e;
  --adm-sidebar-surface: #2a2a2a;
  --adm-sidebar-hover:   #303030;
  --adm-sidebar-border:  #333333;
  --adm-sidebar-text:    #b4b4b4;
  --adm-sidebar-muted:   #7a7a7a;
  --adm-sidebar-active-fg: #f2f2f2;

  --adm-accent:      #1f8a5b;
  --adm-accent-glow: rgba(31,138,91,0.18);
  --adm-green:       #1f8a5b;
  --adm-red:         #cc4a3a;
  --adm-amber:       #d9a242;

  --adm-accent-text: #157048;
  --adm-on-accent:   #ffffff;

  --adm-ok:         #157048;
  --adm-ok-bg:      #d3e8dc;
  --adm-warn:       #8a5a12;
  --adm-warn-bg:    #f0e2c8;
  --adm-danger:     #a83527;
  --adm-danger-bg:  #f2d9d4;
  --adm-info:       #1a5f96;
  --adm-info-bg:    #d6e4f2;
  --adm-neutral:    #3a3a3a;
  --adm-neutral-bg: #d6d3cf;

  --adm-msg-in:  #ffffff;
  --adm-msg-out: #d4eddf;

  --adm-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --adm-shadow-md: 0 6px 24px rgba(0,0,0,0.10);
}