/* rowcrate — design tokens
   Fonte unica de verdade de cor, tipo e espaco.
   Consumido pela landing page, pelo dashboard do ops e pela capa de relatorio. */

:root {
  /* --- Cor: 1 quase-preto, 2 cinzas, 1 acento --- */
  --rc-ink:        #0E0F11; /* quase-preto — texto principal, fundo escuro */
  --rc-steel:      #6E757E; /* cinza 1 — texto secundario, labels */
  --rc-mist:       #D9DCE0; /* cinza 2 — bordas, filetes, linhas de tabela */
  --rc-accent:     #E05A1F; /* acento unico — crate orange */

  /* --- Neutros derivados (nao contam como cor de marca) --- */
  --rc-paper:      #F7F8F9; /* fundo claro */
  --rc-white:      #FFFFFF;
  --rc-graphite:   #1A1D21; /* superficie sobre fundo escuro */

  /* Variante do acento com contraste AA para texto pequeno em fundo claro.
     O --rc-accent puro tem 3.4:1 no branco: use so em filete, mark, numeral grande. */
  --rc-accent-ink: #A8420F;

  /* --- Tipografia --- */
  --rc-font-sans: "Space Grotesk", "Archivo", -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
  --rc-font-mono: "Space Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

  --rc-size-display: 3.25rem;
  --rc-size-h1:      2.125rem;
  --rc-size-h2:      1.375rem;
  --rc-size-body:    1rem;
  --rc-size-small:   0.8125rem;
  --rc-size-micro:   0.6875rem; /* labels em mono, caixa alta, tracking aberto */

  --rc-track-label: 0.12em;
  --rc-leading-tight: 1.15;
  --rc-leading-body:  1.55;

  /* --- Espaco: escala de 4 --- */
  --rc-s1: 4px;  --rc-s2: 8px;  --rc-s3: 12px; --rc-s4: 16px;
  --rc-s5: 24px; --rc-s6: 32px; --rc-s7: 48px; --rc-s8: 72px; --rc-s9: 112px;

  /* --- Forma --- */
  --rc-radius: 3px;        /* quase reto. infraestrutura nao e arredondada. */
  --rc-border: 1px solid var(--rc-mist);
  --rc-rule:   2px solid var(--rc-ink);
}

/* Tema escuro: mesma marca, papeis trocados. Nada de nova cor. */
:root[data-theme="dark"],
.rc-dark {
  --rc-ink:     #F2F3F5;
  --rc-steel:   #9AA1AA;
  --rc-mist:    #34383E;
  --rc-paper:   #0E0F11;
  --rc-white:   #1A1D21;
  --rc-accent-ink: #F0813F; /* acento legivel sobre fundo escuro */
}

/* --- Primitivos reusaveis --- */
.rc-label {
  font-family: var(--rc-font-mono);
  font-size: var(--rc-size-micro);
  letter-spacing: var(--rc-track-label);
  text-transform: uppercase;
  color: var(--rc-steel);
}
.rc-num { font-family: var(--rc-font-mono); font-variant-numeric: tabular-nums; }
.rc-rule-accent { border: 0; border-top: 3px solid var(--rc-accent); width: 56px; margin: 0; }