:root {
  --ink:        #0A0A0A;
  --ink-2:      #141414;
  --ink-3:      #1F1F1F;

  --paper:      #F6F6F2;
  --paper-2:    #EDEDE7;

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

  --rule-soft:  #D2D2CC;
  --rule-dark:  #2A2A2A;

  --white:      #F6F6F2;

  --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);

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