:root {
  --ink: #001c21;
  --paper: #f5f5f2;
  --surface: #ffffff;
  --muted: #53666a;
  --line: #001c21;
  --pink: #f70087;
  --green: #00ed71;
  --yellow: #ffd100;
  --purple: #9747ff;
  --radius: 18px;
  --border: 2px solid var(--line);
  --shadow: 8px 8px 0 var(--line);
  --shadow-small: 5px 5px 0 var(--line);
  --font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Anonymous Pro", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html[data-theme="dark"] {
  --ink: #f7f7f4;
  --paper: #071014;
  --surface: #0d181c;
  --muted: #aebfc3;
  --line: #f7f7f4;
  --shadow: 8px 8px 0 rgba(247, 247, 244, .92);
  --shadow-small: 5px 5px 0 rgba(247, 247, 244, .92);
}