:root {
  --color-passive-0:   #FFFFFF;
  --color-passive-50:  #FAFAF8;
  --color-passive-100: #F6F5F2;
  --color-passive-200: #ECEAE6;
  --color-passive-300: #E2E0DB;
  --color-passive-400: #B8B6B0;
  --color-passive-500: #7A7874;
  --color-passive-600: #4A4846;
  --color-passive-700: #2A2926;
  --color-passive-750: #222120;
  --color-passive-800: #1A1917;
  --color-passive-850: #141311;
  --color-passive-900: #0E0D0C;

  --color-accent-100: #E5E2F8;
  --color-accent-200: #C5BFEE;
  --color-accent-300: #A090F0;
  --color-accent-400: #9486E0;
  --color-accent-500: #7C6ED4;
  --color-accent-600: #7C5CE8;
  --color-accent-700: #6366F1;
  --color-accent-800: #3B2D8A;
  --color-accent-900: #2B1F6E;

  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}