/* Tokens do SGL: cores, fontes e tempos de animação.
   Usados pelo sistema (app.css, sobre o Bootstrap) e pelo painel administrativo (admin.css).
   Decisões e estudos: README, seção "Identidade visual". */

:root,
[data-bs-theme=light] {
  --sgl-fundo: #F5F4F0;
  --sgl-superficie: #FDFCF9;
  --sgl-suave: #F7F6F2;
  --sgl-campo: #FDFCF9;
  --sgl-borda: #E6E3DC;
  --sgl-borda-forte: #838E90;
  --sgl-texto: #1A2B2E;
  --sgl-texto-2: #56666A;
  --sgl-menu: #EAF1EF;
  --sgl-menu-borda: #D8E4E1;
  --sgl-menu-texto: #2F4A4E;
  --sgl-menu-texto-2: #4F6B6D;
  --sgl-menu-texto-forte: #1A2B2E;
  --sgl-menu-ativo: #FDFCF9;
  --sgl-menu-ativo-texto: #0B5A56;
  --sgl-menu-hover: rgba(15, 110, 105, 0.08);
  --sgl-petroleo: #0F6E69;
  --sgl-petroleo-hover: #0B5A56;
  --sgl-petroleo-escuro: #0B5A56;
  --sgl-petroleo-suave: #E0EFEC;
  --sgl-petroleo-borda: #B9D9D4;
  --sgl-sobre-petroleo: #FFFFFF;
  --sgl-coral: #C44B26;
  --sgl-coral-suave: #FDEEE6;
  --sgl-coral-borda: #F5D3C3;
  --sgl-coral-texto: #9E3A17;
  --sgl-sobre-coral: #FFFFFF;
  --sgl-ambar: #F2B441;
  --sgl-ambar-suave: #FDF1D8;
  --sgl-ambar-texto: #7F5307;
  --sgl-sobre-ambar: #1A2B2E;
  --sgl-ok: #1B6A42;
  --sgl-ok-bg: #E2F2E8;
  --sgl-ok-hover: #155535;
  --sgl-sobre-ok: #FFFFFF;
  --sgl-atencao: #7F5307;
  --sgl-atencao-bg: #FDF1D8;
  --sgl-erro: #B1261D;
  --sgl-erro-bg: #FCE8E5;
  --sgl-erro-hover: #8F1E17;
  --sgl-sobre-erro: #FFFFFF;
  --sgl-info: #1F5596;
  --sgl-info-bg: #E5EEF8;
  --sgl-neutro: #4F5B5D;
  --sgl-neutro-bg: #EDECE7;
  --sgl-sobre-texto: #FDFCF9;
  --sgl-sombra: 0 1px 2px rgba(26, 43, 46, 0.05), 0 6px 20px rgba(26, 43, 46, 0.05);
  --sgl-sombra-alta: 0 2px 4px rgba(26, 43, 46, 0.06), 0 12px 32px rgba(26, 43, 46, 0.1);
  --sgl-hover-linha: rgba(15, 110, 105, 0.05);
  --sgl-link-hover: #084744;
  --sgl-foco: rgba(15, 110, 105, 0.35);
  /* Folha dos documentos e moldura das imagens de produto: papel branco, nos dois temas. */
  --sgl-papel: #FFFFFF;
}

[data-bs-theme=dark] {
  --sgl-fundo: #0E1719;
  --sgl-superficie: #152225;
  --sgl-suave: #111D20;
  --sgl-campo: #101C1F;
  --sgl-borda: #253639;
  --sgl-borda-forte: #5C7074;
  --sgl-texto: #E4EDEC;
  --sgl-texto-2: #9DB0B1;
  --sgl-menu: #111E21;
  --sgl-menu-borda: #1F3033;
  --sgl-menu-texto: #C4D6D4;
  --sgl-menu-texto-2: #809A9B;
  --sgl-menu-texto-forte: #FFFFFF;
  --sgl-menu-ativo: #1C3337;
  --sgl-menu-ativo-texto: #FFFFFF;
  --sgl-menu-hover: rgba(255, 255, 255, 0.05);
  --sgl-petroleo: #4FBFB5;
  --sgl-petroleo-hover: #6FD0C7;
  --sgl-petroleo-escuro: #86D9D0;
  --sgl-petroleo-suave: #16393A;
  --sgl-petroleo-borda: #245452;
  --sgl-sobre-petroleo: #062321;
  --sgl-coral: #F28C64;
  --sgl-coral-suave: #34211A;
  --sgl-coral-borda: #4E2E22;
  --sgl-coral-texto: #FFBFA5;
  --sgl-sobre-coral: #2A1209;
  --sgl-ambar: #F2B441;
  --sgl-ambar-suave: #352A13;
  --sgl-ambar-texto: #F7CF80;
  --sgl-sobre-ambar: #1A1405;
  --sgl-ok: #84D9A6;
  --sgl-ok-bg: #12301F;
  --sgl-ok-hover: #7DD3A3;
  --sgl-sobre-ok: #06210F;
  --sgl-atencao: #F7CF80;
  --sgl-atencao-bg: #352A13;
  --sgl-erro: #FFA094;
  --sgl-erro-bg: #3B1816;
  --sgl-erro-hover: #FFAA9E;
  --sgl-sobre-erro: #2B0805;
  --sgl-info: #9CC2F5;
  --sgl-info-bg: #162844;
  --sgl-neutro: #AFC0C1;
  --sgl-neutro-bg: #1D2C2F;
  --sgl-sobre-texto: #0E1719;
  --sgl-sombra: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.2);
  --sgl-sombra-alta: 0 2px 4px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.35);
  --sgl-hover-linha: rgba(255, 255, 255, 0.04);
  --sgl-link-hover: #B0E8E1;
  --sgl-foco: rgba(79, 191, 181, 0.4);
}

:root {
  --sgl-fonte: 'Atkinson Hyperlegible Next', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sgl-fonte-mono: 'Atkinson Hyperlegible Mono', ui-monospace, Consolas, monospace;
  /* 100% respeita o tamanho de fonte do navegador; --sgl-escala vem dos botões A− e A+. */
  font-size: calc(100% * var(--sgl-escala, 1));
}

:root {
  --sgl-rapida: 150ms;
  --sgl-media: 200ms;
  --sgl-lenta: 400ms;
  --sgl-curva-entrar: cubic-bezier(0.2, 0, 0, 1);
  --sgl-curva-sair: cubic-bezier(0.4, 0, 1, 1);
  --sgl-curva-mover: cubic-bezier(0.4, 0, 0.2, 1);
}