/*
 * AGR — Design tokens do portal ERP-AGR
 * Fonte única de cores, tipografia, espaçamento, raios, sombras e movimento.
 * Nenhum outro arquivo do portal deve conter valores hexadecimais de cor.
 *
 * MARCA: cores do Manual de Identidade Visual AGR Sistemas
 *   Azul   Pantone 307 C  (CMYK 97/49/13/0)  -> #0a75ab (amostrado do logo oficial)
 *   Azul   Pantone 306 C  (CMYK 75/3/5/0)    -> #00b3e3 (fim do degradê 307 -> 306)
 *   Cinza  Pantone Prata  (CMYK 0/0/0/60)    -> #808285
 * Regras de uso da marca: references/marca.md
 */

:root {
  color-scheme: light;

  /* ---- Marca AGR (Manual de Identidade Visual) ---- */
  --agr-marca-primaria: #0a75ab;          /* Azul 307 C — contraste 5.1:1 sobre branco */
  --agr-marca-primaria-hover: #085d88;
  --agr-marca-primaria-suave: #e6f2f8;
  --agr-marca-sobre-primaria: #ffffff;
  --agr-marca-destaque: #00b3e3;          /* Azul 306 C — só decorativo (não usar em texto sobre branco) */
  --agr-marca-cinza: #808285;             /* Prata — decorativo; texto usa --agr-texto-* */
  --agr-marca-degrade: linear-gradient(100deg, #00b3e3 0%, #0a75ab 100%);
  --agr-fundo-logo: transparent;          /* logo oficial tem fundo transparente */

  /* ---- Neutros ---- */
  --agr-fundo: #f5f7fa;
  --agr-superficie: #ffffff;
  --agr-superficie-2: #eef1f5;
  --agr-borda: #d5dbe3;
  --agr-borda-forte: #9aa5b4;
  --agr-texto: #1a2230;
  --agr-texto-2: #4a5566;
  --agr-texto-3: #6b7686;

  /* ---- Semânticas (estados de sessão e mensagens) ---- */
  --agr-sucesso: #15803d;
  --agr-sucesso-suave: #e8f5ec;
  --agr-aviso: #b45309;
  --agr-aviso-suave: #fdf3e6;
  --agr-erro: #b91c1c;
  --agr-erro-suave: #fbeaea;
  --agr-info: #1d4ed8;
  --agr-info-suave: #e9effd;
  --agr-neutro: #5b6576;
  --agr-neutro-suave: #eef0f3;

  /* ---- Foco ---- */
  --agr-foco: #2563eb;
  --agr-anel-foco: 0 0 0 3px color-mix(in srgb, var(--agr-foco) 40%, transparent);

  /* ---- Tipografia: família humanista do manual (Humanst521 = Gill Sans) quando instalada; senão fontes do sistema. Sem download externo. ---- */
  --agr-fonte: "Gill Sans", "Gill Sans MT", "Humanst521 BT", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --agr-fonte-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "DejaVu Sans Mono", Menlo, monospace;
  --agr-texto-xs: 0.75rem;   /* 12px */
  --agr-texto-sm: 0.875rem;  /* 14px */
  --agr-texto-md: 1rem;      /* 16px */
  --agr-texto-lg: 1.25rem;   /* 20px */
  --agr-texto-xl: 1.5rem;    /* 24px */
  --agr-texto-2xl: 2rem;     /* 32px */
  --agr-peso-normal: 400;
  --agr-peso-medio: 500;
  --agr-peso-forte: 600;
  --agr-altura-linha: 1.5;

  /* ---- Espaçamento (escala de 4px) ---- */
  --agr-esp-1: 0.25rem;
  --agr-esp-2: 0.5rem;
  --agr-esp-3: 0.75rem;
  --agr-esp-4: 1rem;
  --agr-esp-5: 1.5rem;
  --agr-esp-6: 2rem;
  --agr-esp-7: 3rem;
  --agr-esp-8: 4rem;

  /* ---- Forma ---- */
  --agr-raio-sm: 4px;
  --agr-raio-md: 8px;
  --agr-raio-lg: 12px;
  --agr-raio-pill: 999px;
  --agr-sombra-1: 0 1px 2px rgb(16 24 40 / 0.06), 0 1px 3px rgb(16 24 40 / 0.10);
  --agr-sombra-2: 0 4px 8px rgb(16 24 40 / 0.08), 0 2px 4px rgb(16 24 40 / 0.06);

  /* ---- Layout ---- */
  --agr-largura-conteudo: 72rem;
  --agr-altura-barra: 2.5rem;  /* barra da sessão sobre o desktop remoto */
  --agr-fundo-visor: #000000;  /* área do desktop remoto, igual nos dois temas */

  /* ---- Movimento ---- */
  --agr-transicao: 150ms ease;
}

/* Tema escuro: automático pelo sistema, a menos que o usuário force claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --agr-marca-primaria: #3aaee0;
    --agr-marca-primaria-hover: #62c2ea;
    --agr-marca-primaria-suave: #0f2a3a;
    --agr-marca-sobre-primaria: #06141d;
    --agr-marca-destaque: #00b3e3;
    --agr-marca-cinza: #a7a9ac;
    --agr-marca-degrade: linear-gradient(100deg, #00b3e3 0%, #0a75ab 100%);
    --agr-fundo-logo: #ffffff;  /* logo colorido exige fundo claro até haver versão negativa */

    --agr-fundo: #0f141b;
    --agr-superficie: #171d26;
    --agr-superficie-2: #1f2732;
    --agr-borda: #2d3744;
    --agr-borda-forte: #4a5668;
    --agr-texto: #e6eaf0;
    --agr-texto-2: #b3bcc9;
    --agr-texto-3: #8a95a5;

    --agr-sucesso: #4ade80;
    --agr-sucesso-suave: #12291b;
    --agr-aviso: #fbbf24;
    --agr-aviso-suave: #2e2210;
    --agr-erro: #f87171;
    --agr-erro-suave: #321616;
    --agr-info: #7aa2f7;
    --agr-info-suave: #16213a;
    --agr-neutro: #a3adbb;
    --agr-neutro-suave: #222a35;

    --agr-foco: #7aa2f7;
    --agr-sombra-1: 0 1px 2px rgb(0 0 0 / 0.4);
    --agr-sombra-2: 0 4px 12px rgb(0 0 0 / 0.5);
  }
}

/* Tema escuro forçado (mesmos valores do bloco acima) */
:root[data-theme="dark"] {
  color-scheme: dark;
  --agr-marca-primaria: #3aaee0;
  --agr-marca-primaria-hover: #62c2ea;
  --agr-marca-primaria-suave: #0f2a3a;
  --agr-marca-sobre-primaria: #06141d;
  --agr-marca-destaque: #00b3e3;
  --agr-marca-cinza: #a7a9ac;
  --agr-marca-degrade: linear-gradient(100deg, #00b3e3 0%, #0a75ab 100%);
  --agr-fundo-logo: #ffffff;  /* logo colorido exige fundo claro até haver versão negativa */

  --agr-fundo: #0f141b;
  --agr-superficie: #171d26;
  --agr-superficie-2: #1f2732;
  --agr-borda: #2d3744;
  --agr-borda-forte: #4a5668;
  --agr-texto: #e6eaf0;
  --agr-texto-2: #b3bcc9;
  --agr-texto-3: #8a95a5;

  --agr-sucesso: #4ade80;
  --agr-sucesso-suave: #12291b;
  --agr-aviso: #fbbf24;
  --agr-aviso-suave: #2e2210;
  --agr-erro: #f87171;
  --agr-erro-suave: #321616;
  --agr-info: #7aa2f7;
  --agr-info-suave: #16213a;
  --agr-neutro: #a3adbb;
  --agr-neutro-suave: #222a35;

  --agr-foco: #7aa2f7;
  --agr-sombra-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --agr-sombra-2: 0 4px 12px rgb(0 0 0 / 0.5);
}

@media (prefers-reduced-motion: reduce) {
  :root { --agr-transicao: 0ms linear; }
}