:root {
  --ink: #111111;
  --paper: #fffef8;
  --white: #ffffff;
  --purple: #7657e8;
  --purple-strong: #7C3AED;
  --purple-soft: #bfaefa;
  --purple-pale: #eee9ff;
  --yellow: #eafb62;
  --red: #EF4444;
  --blue: #2563EB;
  --grey-50: #f6f5f1;
  --grey-100: #eceae4;
  --grey-500: #66645f;

  --tone-friendly: #6EE7A8;
  --tone-intelligent: #A7F3D0;
  --tone-secretive: #A78BFA;
  --tone-manipulative: #F59E0B;
  --tone-careless: #FCD34D;
  --tone-hostile: #EF4444;
  --tone-evil: #111111;
  --tone-formal: #60A5FA;
  --tone-calm: #93C5FD;
  --tone-quirky: #F472B6;
  --tone-romantic: #FB7185;

  --text-suspect: #EF4444;
  --text-witness: #2563EB;
  --text-custom: #7C3AED;
  --text-time: #111111;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --border: 3px solid var(--ink);
  --shadow: 6px 6px 0 var(--ink);
  --content-width: 760px;
}