/* Cyrcle — os tokens da marca. A única fonte das cores: o BRAND.md cita estes
   valores, e um teste garante que os dois batem certo.

   Duas cores da bandeira amazigh, cada uma com a sua escala: o azul é o chão,
   o amarelo é a pessoa. O papel dá o espaço. Verde e vermelho só para carimbos
   — não são cor de interface. Nunca laranja: o Sahara é o único amarelo de
   acção, e o texto em cima dele é sempre tinta, nunca branco. */

@font-face{font-family:Geist;src:url(/fonts/geist-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url(/fonts/geist-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Geist;src:url(/fonts/geist-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-400.woff2) format('woff2');font-weight:400;font-display:swap}

:root{
  color-scheme:light;
  /* marca — azuis */
  --c-noite:#12213A;   /* fundo escuro, texto sobre papel */
  --c-mar:#1B2D4D;     /* cartões sobre a noite */
  --c-fundo:#0C1729;   /* rodapé, ecrãs de código */
  --c-ceu:#D6E7F5;     /* mapas, faixas informativas, avatares */
  /* marca — amarelos (a pessoa, toda a acção) */
  --c-sahara:#E8A33D;
  --c-torrado:#C4862A;
  --c-canela:#8A5A14;
  --c-areia:#F6E3C2;
  /* papel */
  --c-cal:#FBF7F0;
  --c-linho:#F1EBE0;
  /* só carimbos */
  --c-atlas:#1F8A5B;   /* carimbo "entregue" */
  --c-yaz:#D93A2B;     /* carimbo "selado" / erro */

  /* semânticos */
  --bg:var(--c-cal);
  --surface:#FFFFFF;
  --surface-2:var(--c-linho);
  --fg:var(--c-noite);
  --fg-soft:#5A6378;
  --fg-faint:rgba(18,33,58,.52);
  --line:#DDD4C4;
  --line-soft:rgba(18,33,58,.09);
  --accent:var(--c-sahara);
  --accent-fg:var(--c-noite); /* texto sobre Sahara é sempre tinta, nunca branco */
  --accent-text:var(--c-torrado);
  --ok:var(--c-atlas);
  --sky:var(--c-ceu);

  /* alternância de secção (a landing nova) */
  --bgA:var(--c-cal);
  --bgB:var(--c-linho);
  --bgC:#F6F1E8;
  --bgF:var(--c-linho);
  --glow:var(--c-areia);
  --hdr:rgba(251,247,240,.88);

  --sans:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --radius:14px;
  --radius-lg:22px;
  --shadow:0 1px 2px rgba(18,33,58,.06),0 12px 32px -16px rgba(18,33,58,.25);
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:var(--c-fundo);
    --surface:var(--c-mar);
    --surface-2:#16274A;
    --fg:var(--c-cal);
    --fg-soft:#AEB9CF;
    --fg-faint:rgba(244,239,230,.52);
    --line:#2A3D60;
    --line-soft:rgba(244,239,230,.09);
    --accent-text:var(--c-sahara);
    --sky:#1C3350;
    --ok:#3DBA84;
    --bgA:var(--c-noite);
    --bgB:var(--c-fundo);
    --bgC:#16274A;
    --bgF:var(--c-fundo);
    --glow:#26406B;
    --hdr:rgba(18,33,58,.86);
    --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:var(--c-fundo);
  --surface:var(--c-mar);
  --surface-2:#16274A;
  --fg:var(--c-cal);
  --fg-soft:#AEB9CF;
  --fg-faint:rgba(244,239,230,.52);
  --line:#2A3D60;
  --line-soft:rgba(244,239,230,.09);
  --accent-text:var(--c-sahara);
  --sky:#1C3350;
  --ok:#3DBA84;
  --bgA:var(--c-noite);
  --bgB:var(--c-fundo);
  --bgC:#16274A;
  --bgF:var(--c-fundo);
  --glow:#26406B;
  --hdr:rgba(18,33,58,.86);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.6);
}