/*
   DESIGN TOKENS, single source of truth for the whole site.
   Used by the landing page and the blog. Do not redefine these
   anywhere else; reference them with var(--token).
 */
:root {
  /* Surfaces, dark */
  --ink:        #0A0A0A;
  --ink-2:      #141414;
  --ink-3:      #1F1F1F;

  /* Surfaces, light */
  --paper:      #F6F6F2;
  --paper-2:    #EDEDE7;

  /* Grays */
  --gray-6:     #6E6E68;
  --gray-5:     #8A8A85;
  --gray-4:     #A8A8A2;
  --gray-3:     #C9C9C2;
  --gray-2:     #D6D6D0;
  --gray-1:     #E8E8E2;

  /* Rules */
  --rule-soft:  #D2D2CC;
  --rule-dark:  #2A2A2A;

  /* Misc */
  --white:      #F6F6F2;

  /* Marca: rosa e violeta da plataforma, sempre discretos. O rosa é fio:
     marca a marca do cliente nos dados e um ou outro detalhe. O violeta é
     névoa: brilhos de fundo quase imperceptíveis nas seções escuras. Botões
     e blocos continuam papel e tinta. Os tons -ink são os legíveis no papel. */
  --pink:        oklch(0.7 0.19 354);
  --pink-ink:    oklch(0.55 0.2 358);
  --pink-soft:   oklch(0.7 0.19 354 / 14%);
  --pink-line:   oklch(0.7 0.19 354 / 55%);
  --pink-mark:   oklch(0.7 0.19 354 / 26%);
  --violet:      oklch(0.62 0.16 292);
  --violet-soft: oklch(0.62 0.16 292 / 10%);
  --fog-violet:  oklch(0.36 0.12 292 / 38%);
  --fog-pink:    oklch(0.4 0.14 354 / 18%);
  --accent:      var(--pink);

  /* Type */
  --font-sans:  'Geist', system-ui, sans-serif;
  --font-mono:  'Geist Mono', 'Courier New', monospace;
  --font-serif: 'Newsreader', Georgia, serif;
}