/* =====================================================================
   DOCA Market · TOKENS DE MARCA (2026-08-29)
   Fonte: projetos/omega/marca/2026-08-29-identidade-doca-market.md
   Como usar: incluir DEPOIS da folha da pagina. As variaveis abaixo usam
   o mesmo vocabulario do shell Petroleo (--brand-*, --sidebar, --topbar...)
   e por isso trocam a cor de qualquer tela sem mexer no HTML.
   Paleta oficial: Azul Profundo #0B1F3D · Teal #00B894 · Aqua #22E0C5
                   Cinza Claro #F2F4F7 · Cinza Medio #E2E6EB · Branco #FFFFFF
   ===================================================================== */
:root{
  /* --- paleta oficial (nomes da marca) --- */
  --doca-azul:#0B1F3D;
  --doca-teal:#00B894;
  --doca-aqua:#22E0C5;
  --doca-cinza-claro:#F2F4F7;
  --doca-cinza-medio:#E2E6EB;
  --doca-branco:#FFFFFF;

  /* --- escala do azul (marca, titulos, fundo escuro) --- */
  --navy-900:#061225; --navy-800:#0B1F3D; --navy-700:#132D58; --navy-600:#1C3E74;
  --navy-500:#2A5290; --navy-400:#4F76B0; --navy-300:#8AA5CC; --navy-200:#C3D1E6;
  --navy-100:#E3E9F3; --navy-50:#F2F4F7;

  /* --- escala do teal (acao primaria, destaques) --- */
  --brand-900:#004A3A; --brand-800:#00654F; --brand-700:#00634F; --brand-600:#007A63;
  --brand-500:#00B894; --brand-400:#22E0C5; --brand-300:#7BEBD9; --brand-200:#B8F3E9;
  --brand-100:#E0FAF5; --brand-50:#F0FCF9;

  /* --- acento (atencao continua ambar, fora da paleta de marca) --- */
  --accent-700:#9A5A0A; --accent-600:#C2740F; --accent-500:#E08A1E; --accent-400:#F0A644;
  --accent-200:#FBE0B8; --accent-100:#FDF0DC;

  /* --- superficies (tema claro) --- */
  --bg:#F2F4F7;
  --surface:#FFFFFF;
  --surface-2:#F7F8FA;
  --surface-3:#EDF0F4;

  /* --- barra lateral e topo: sempre Azul Profundo --- */
  --sidebar:#0B1F3D; --sidebar-ink:#D8E0EC; --sidebar-muted:#8195B5;
  --sidebar-line:rgba(255,255,255,.08); --sidebar-hover:rgba(255,255,255,.06);
  --sidebar-active:#00B894;
  --topbar:#0B1F3D; --topbar-ink:#D8E0EC; --topbar-muted:#8195B5; --topbar-line:rgba(255,255,255,.09);

  /* --- texto e linhas --- */
  --ink:#0B1F3D; --ink-2:#34465F; --muted:#5B6B7F; --faint:#5B6B7F;
  --line:#E2E6EB; --line-2:#ECEFF3;

  /* --- semantica --- */
  --ok:#0F8A5F; --ok-bg:#E1F6EE;
  --warn:#8F4A00; --warn-bg:#FDF0DC;
  --err:#C0262B; --err-bg:#FCE6E6;
  --info:#1C3E74; --info-bg:#E3E9F3;

  /* --- tipografia: Poppins (marca e titulos) + Inter (texto e UI) --- */
  --font-display:"Poppins","Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-body:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --font-mono:"Cascadia Code","JetBrains Mono","Consolas","SF Mono",monospace;

  /* --- raio, sombra, foco --- */
  --r-sm:6px; --r-md:8px; --r-lg:12px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(11,31,61,.06), 0 0 0 1px rgba(11,31,61,.04);
  --sh-2:0 4px 12px rgba(11,31,61,.10), 0 1px 2px rgba(11,31,61,.05);
  --sh-3:0 12px 32px rgba(11,31,61,.18);
  --focus:0 0 0 3px rgba(0,184,148,.30);

  /* --- compatibilidade com o style.css antigo (login, cadastro, lojista) --- */
  --brand:#0B1F3D; --brand-2:#00B894; --brand-soft:#E3E9F3;
  --panel:#FFFFFF;
  --shadow:0 1px 2px rgba(11,31,61,.05),0 4px 16px rgba(11,31,61,.08);
}

/* ---------------------------------------------------------- tema escuro */
[data-theme="dark"],:root[data-theme="dark"]{
  --bg:#0A1426; --surface:#101C33; --surface-2:#152442; --surface-3:#1B2D50;
  --sidebar:#06101F; --sidebar-ink:#D3DCEA; --sidebar-muted:#7388AA;
  --sidebar-line:rgba(255,255,255,.07); --sidebar-hover:rgba(255,255,255,.05); --sidebar-active:#00B894;
  --topbar:#06101F; --topbar-ink:#D3DCEA; --topbar-muted:#7388AA; --topbar-line:rgba(255,255,255,.07);
  --ink:#E6ECF5; --ink-2:#B5C2D6; --muted:#8B9AB4; --faint:#7F8FA9;
  --line:#22345A; --line-2:#1B2B4C;
  --ok:#3FD39A; --ok-bg:#0F2E25; --warn:#F0A644; --warn-bg:#2E2010;
  --err:#F08A80; --err-bg:#331817; --info:#7FA6E8; --info-bg:#14243F;
  --brand-100:#0E3A33; --brand-50:#0B2C28; --brand-200:#124E44;
  --navy-100:#152442; --navy-50:#101C33;
  --accent-100:#2E2010; --accent-200:#4A3416;
  --sh-1:0 1px 2px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.03);
  --sh-2:0 4px 12px rgba(0,0,0,.45);
  --sh-3:0 12px 32px rgba(0,0,0,.6);
  --brand:#22E0C5; --brand-2:#00B894; --brand-soft:#152442; --panel:#101C33;
  --shadow:0 1px 2px rgba(0,0,0,.3);
}

/* --------------------------------------------- utilitarios do logotipo */
.doca-logo{display:inline-flex;align-items:center;gap:10px;line-height:1;text-decoration:none}
.doca-logo svg{display:block;flex:none}
.doca-logo .doca-nome{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}
.doca-logo .doca-nome b{display:block;color:var(--doca-azul)}
.doca-logo .doca-nome span{display:block;color:var(--doca-teal)}
.doca-logo.on-dark .doca-nome b{color:#fff}