:root {
  --ink: #12102a;
  --ink-2: #1b1740;
  --panel: #221c4e;
  --panel-2: #2b2360;
  --line: #3a3173;
  --mint: #63d9a6;
  --mint-bright: #92f2c6;
  --jade: #2f8f7a;
  --amber: #f0b44e;
  --coral: #f2655c;
  --lilac: #b9a0e6;
  --sky: #86d8f2;
  --cream: #f6f0e2;
  --muted: #a99fce;
  --shadow: 0 18px 44px rgba(8, 6, 24, 0.55);
  --font-display: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --font-body: system-ui, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--ink);
  color: var(--cream);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}