/*
  KNOT design tokens, "Mint terminal" theme. Cool mint ground, white panels,
  deep green ink, one emerald accent. Every colour on the site resolves to a value in this file.
*/
:root {
  --color-bg: #eef5f1;
  --color-panel: #ffffff;
  --color-wash: #e2ede7;
  --color-line-soft: #e4ede8;
  --color-line: #d3e1d9;
  --color-line-strong: #a9c0b4;
  --color-faint: #82978d;
  --color-mute: #56706a;
  --color-ink-70: #2a4840;
  --color-ink: #0d2a22;
  --color-on-ink: #ffffff;

  --color-accent: #0e9f6e;
  --color-accent-deep: #0b7d57;
  --color-accent-soft: #d6f1e5;
  --color-accent-on-ink: #5fe0ad; /* accent text on the dark contract bar */

  --color-up: #0b8a5e;
  --color-up-soft: #d6f1e5;
  --color-down: #d23f3f;
  --color-down-soft: #fbe1df;

  /* Geometry */
  --sidebar-w: 232px;
  --header-h: 60px;
  --main-max: 1240px;
  --hero-aside: 380px;
  --tap: 44px;
  --radius: 16px;
  --radius-sm: 10px;
  --gutter: 28px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;
  --dur-enter: 620ms;
  --dur-shimmer: 1500ms;
  --dur-ping: 1800ms;
  --dur-marquee: 60s;
  --dur-cycle: 5200ms;

  --font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}