/* origem. — design tokens.
 *
 * Transcribed unchanged from the design mockups. Nothing here may be tuned to
 * taste: the values are the design contract, and origem.css only consumes them.
 *
 * The three families are declared but never downloaded. Instrument Serif and
 * IBM Plex resolve from the visitor's own machine when installed; everyone else
 * gets the declared fallback, which is why each stack ends in a family every
 * platform ships. See the note at the top of base.html for why no web font is
 * fetched.
 */

:root{
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'IBM Plex Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;

  --papel:#EFEBE0; --papel-claro:#F6F3EC; --papel-carimbo:#E8ECF2;
  --tinta:#0F1922; --marginal:#6D7580;
  --filete:#A62A3A; --carimbo:#0F3B6C; --carimbo-claro:#1B4F87; --rota:#4A7BAA;
  --linha:rgba(15,25,34,0.14); --linha-2:rgba(15,25,34,0.28);

  --ok:#2F6B45; --ok-fundo:rgba(47,107,69,0.10);
  --aviso:#8A5A12; --aviso-fundo:rgba(138,90,18,0.10);
  --grave:#A62A3A; --grave-fundo:rgba(166,42,58,0.10);

  --fundo:var(--papel); --superficie:var(--papel-claro); --realce:var(--papel-carimbo);
  --texto:var(--tinta); --texto-2:var(--marginal); --texto-3:rgba(15,25,34,0.55);
  --acento:var(--carimbo);

  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px; --e-7:48px; --e-8:72px;
  --dur:.18s; --ease:cubic-bezier(.2,.6,.35,1);
}

:root[data-tema="carimbo"]{
  --fundo:#0F3B6C; --superficie:rgba(255,255,255,0.05); --realce:rgba(255,255,255,0.09);
  --texto:#EFEBE0; --texto-2:rgba(239,235,224,0.72); --texto-3:rgba(239,235,224,0.52);
  --linha:rgba(255,255,255,0.16); --linha-2:rgba(255,255,255,0.30);
  --acento:#4A7BAA; --filete:#D4707C;
  --ok:#9BC9A8; --ok-fundo:rgba(155,201,168,0.12);
  --aviso:#E8B87A; --aviso-fundo:rgba(232,184,122,0.12);
  --grave:#E8A0A0; --grave-fundo:rgba(232,160,160,0.12);
}

/* Painted on the root rather than on <body> so that overscroll and the area
 * beyond a short page match the theme, and so the first paint after the
 * no-flash script in <head> is already the right colour. */
html{background:#EFEBE0}
html[data-tema="carimbo"]{background:#0F3B6C}
