/* casa-ui v0.5.0 - gerado por ui/sync.ps1, nao edite */
/* casa-ui — tokens de cor, medida e tipografia.
 *
 * Fonte unica dos dois apps. O ledger tinha o proprio :root com os MESMOS
 * papeis um ou dois pontos ao lado (--canvas #0a0a0c contra #0b0b0e, --faint
 * #71717b contra #8a8a96): deriva de dois arquivos que nasceram do mesmo
 * lugar, nao decisao de projeto. Perto o bastante para ninguem notar num app
 * so, longe o bastante para parecer defeito de monitor com as duas telas lado
 * a lado.
 *
 * As fontes vem de ui/fontes.css, servido localmente - carregue-o ANTES deste.
 */
@layer tokens, base, layout, componentes, telas, utilidades;

@layer tokens {

  :root {
  /* Sem isto o navegador pinta a barra de rolagem do seletor ANINHADO no
     tema claro: a lateral (.nav tem overflow-y:auto) saia branca e a do
     documento escura, na mesma tela. Tambem acerta cor de campo de
     formulario e de selecao, que herdam do esquema declarado. */
  color-scheme: dark;

    --canvas:#0b0b0e; --surface:#14141a; --raised:#1a1a21; --fundo-cab:#0e0e12;
    --rule:#26262e; --rule-fraca:#212129;
    --ink:#f4f4f7; --muted:#a2a2b0; --faint:#8a8a96;
    --ok:#56c07a; --ok-texto:#7fd69b; --warn:#e0a52a; --warn-texto:#e8b954;
    --crit:#ec4257; --crit-texto:#f4788b; --accent:#5b8def; --accent-texto:#7aa5f5;
    --serie-1:#45c8e0; --serie-2:#9d8cf5; --marca:#ef294b; --marca-hover:#c71b39;
    --hover:#191920;
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
    /* Quatro papeis, nao doze valores. O ledger escrevia 2,3,4,5,6,7,8,9,10,
       12,14 e 999 a mao; a base tinha so os dois do meio e nao dava nome ao
       raio pequeno nem a pilula, que ela propria usava literalmente. */
    --r-min:4px; --r-ctl:6px; --r-painel:10px; --r-pilula:999px;
    --sombra:0 8px 24px rgba(0,0,0,.5);
    --sans:Archivo,"Segoe UI",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    /* A receita de ROTULO, num lugar so. Estava escrita em tres pontos da
       base com tracking diferente (.09, .1, .12) e em seis do ledger com
       outra familia e outro peso (800 9px sans, uppercase) - o que fazia o
       "DIA A DIA" do ledger nao parecer o "PAINEL" do painel. */
    --rotulo:600 11px var(--mono); --rotulo-tracking:.1em;
    /* Texto de eixo de grafico. A variante densa existe porque o ledger poe
       31 rotulos de dia sob as barras do mes e o painel poe seis - mesma
       receita, densidade diferente, e as duas com nome. */
    --eixo:500 11px var(--mono); --eixo-denso:500 9px var(--mono);
    --nav:232px;
  }
}