/* AKA BIM · tokens da identidade (PROVISÓRIOS, 25/10/2026).
   Quando o material da marca chegar, troque só este arquivo e src/marca/simbolo.svg.
   O símbolo é usado como máscara (cor = currentColor); um logo colorido entra como <img> no lugar de .marca-simbolo. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --marca-nome: "AKA BIM";
  --font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --track: .32em;            /* espaçamento das legendas em caixa alta */

  --accent: #F2B705;         /* amarelo de destaque */
  --accent-ink: #15130B;     /* texto sobre o destaque */
  --accent-soft: #F2B70522;

  --bg: #E7E8EA;
  --bg-2: #F1F2F3;
  --surface: #FAFAFA;
  --surface-2: #FFFFFF;
  --ink: #14171B;
  --ink-2: #464D55;
  --ink-3: #7D858E;
  --line: #C3C8CE;
  --line-2: #D8DBDF;
  --dark: #15181C;           /* cartões escuros (mesmo nos dois temas) */
  --dark-ink: #ECEDEF;

  --colisao: #E5484D;
  --passagem: #F59E0B;
  --hi-a: #2F6FD6;
  --hi-b: #F08A24;

  --viewer-top: #F4F5F6;
  --viewer-bottom: #DCDFE2;
  --viewer-edge: #1E2328;
  --viewer-edge-alpha: .2;
  --viewer-ghost: #9AA4AE;
  --viewer-cap: #2B2F34;
  --viewer-white: #ECEAE6;

  --radius: 2px;
  --shadow: 0 1px 0 #ffffff80 inset, 0 10px 30px -18px #0f172a55;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --accent-soft: #F2B7051f;
    --bg: #0F1114; --bg-2: #14171B; --surface: #181B20; --surface-2: #1D2126;
    --ink: #ECEDEF; --ink-2: #B3BAC2; --ink-3: #7F8892; --line: #333940; --line-2: #262B31;
    --viewer-top: #1A1D22; --viewer-bottom: #0D0F12; --viewer-edge: #C9D1DA; --viewer-edge-alpha: .1;
    --viewer-ghost: #5E6873; --viewer-cap: #0B0C0E; --viewer-white: #C9CDD2;
    --shadow: 0 10px 30px -18px #000000aa;
  }
}
:root[data-theme="dark"]{
  --accent-soft: #F2B7051f;
  --bg: #0F1114; --bg-2: #14171B; --surface: #181B20; --surface-2: #1D2126;
  --ink: #ECEDEF; --ink-2: #B3BAC2; --ink-3: #7F8892; --line: #333940; --line-2: #262B31;
  --viewer-top: #1A1D22; --viewer-bottom: #0D0F12; --viewer-edge: #C9D1DA; --viewer-edge-alpha: .1;
  --viewer-ghost: #5E6873; --viewer-cap: #0B0C0E; --viewer-white: #C9CDD2;
  --shadow: 0 10px 30px -18px #000000aa;
}