/* Tokens do OpPack OS na identidade da Random: Verde #06392F, Papel #F4F3EE,
   Grafite #1C211F, Ciano #35E8D2 (conferido) e Magenta #FF3FB4 (precisa de você).
   Os nomes antigos das variáveis continuam, para o CSS existente herdar a marca. */
:root {
  --verde: #06392F;
  --papel: #F4F3EE;
  --grafite: #1C211F;
  --ciano: #35E8D2;
  --magenta: #FF3FB4;
  --fonte-titulo: 'Instrument Serif', Georgia, serif;
  --fonte-texto: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --fonte-dado: 'JetBrains Mono', ui-monospace, monospace;
  --raio: 10px;
  --lateral: 248px;
}

/* MODO CLARO (padrão) */
:root[data-theme="claro"] {
  --bg-canvas: #F4F3EE;
  --grid-line: transparent;
  --card-bg: #FBFAF6;
  --card-inner: #F4F3EE;
  --ink: #1C211F;
  --ink-dim: #4A524E;
  --ink-light: #5C6460;
  --border-ink: 1px solid rgba(28, 33, 31, 0.16);
  --border-thin: 1px solid rgba(28, 33, 31, 0.12);
  --border-dash: 1px dashed rgba(28, 33, 31, 0.25);
  --shadow-ink: none;
  --logo-filter: none;
  --barcode-fill: #1C211F;
  --btn-hover-bg: #06392F;
  --btn-hover-ink: #F4F3EE;
  --rule: rgba(28, 33, 31, 0.12);
  --rule-strong: rgba(28, 33, 31, 0.24);
  --acao: #06392F;
  --acao-ink: #F4F3EE;
  --lateral-bg: #06392F;
  --lateral-ink: #F4F3EE;
  --conferido: #06392F;
}

/* MODO ESCURO */
:root[data-theme="escuro"] {
  --bg-canvas: #1C211F;
  --grid-line: transparent;
  --card-bg: #232926;
  --card-inner: #1C211F;
  --ink: #F4F3EE;
  --ink-dim: #B9BDB8;
  --ink-light: #A3A8A3;
  --border-ink: 1px solid rgba(244, 243, 238, 0.12);
  --border-thin: 1px solid rgba(244, 243, 238, 0.09);
  --border-dash: 1px dashed rgba(244, 243, 238, 0.2);
  --shadow-ink: none;
  --logo-filter: none;
  --barcode-fill: #F4F3EE;
  --btn-hover-bg: #35E8D2;
  --btn-hover-ink: #06392F;
  --rule: rgba(244, 243, 238, 0.09);
  --rule-strong: rgba(244, 243, 238, 0.2);
  --acao: #35E8D2;
  --acao-ink: #06392F;
  --lateral-bg: #151917;
  --lateral-ink: #F4F3EE;
  --conferido: #35E8D2;
}