@import url("dark.css");

:root {
  --ink: #f3f3ef;
  --muted: #a5a5a0;
  --paper: #0a0a0a;
  --paper-deep: #141414;
  --line: rgba(255, 255, 255, 0.14);
  --line-light: rgba(255, 255, 255, 0.18);
  --dark: #050505;
  --accent: #d06a4b;
  --bg-primary: #0a0a0a;
  --bg-secondary: #141414;
  --bg-tertiary: #1b1b1b;
  --text-primary: #f3f3ef;
  --text-secondary: #c7c7c2;
  --text-muted: #a5a5a0;
  --text-subtle: #858580;
  --border-default: rgba(255, 255, 255, 0.14);
  --border-hover: rgba(255, 255, 255, 0.32);
  --text-error: #f08a7a;
  --text-success: #8ed0a5;
  --container: min(1240px, calc(100% - 3rem));
  --sans: "DM Sans", sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --ease: 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease: 0ms; }
}