/* Capi Landing — Design Tokens
   Os valores sao os mesmos de frontend/src/components/desktop/desktopTokens.js
   e desktop/painel/tokens.js, que sao a fonte da verdade do produto. Antes
   daqui saiam roxo/indigo/sage: uma paleta que nao existia em nenhuma outra
   tela, e que fazia a landing parecer de outra empresa. */
:root {
  /* Fundo e papel */
  --cream:   #fbf5e2;
  --cream-2: #f6efd9;
  --paper:   #fdfaf0;

  /* Tinta */
  --ink:   #2a1f0d;
  --ink-2: #6c5b3e;
  --ink-3: #9a8a6b;

  /* Linhas */
  --line:   rgba(80, 55, 20, 0.13);
  --line-2: rgba(80, 55, 20, 0.22);

  /* Verde — a cor de acao da Capi */
  --green-900: #1a3521;
  --green-800: #214328;
  --green-700: #2f5c3b;
  --green-50:  #e6efe1;

  /* Ocre — acento; nunca como texto sobre creme, o contraste nao fecha */
  --ochre:      #d8a755;
  --ochre-dark: #b98c33;

  --alert: #a14a2c;

  --serif: 'Fraunces', Georgia, serif;
  --sans:  'Inter', system-ui, -apple-system, sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, Menlo, monospace;
}