:root {
  --bg: #0d0b14;
  --bg-2: #16121f;
  --ink: #f4f1ff;
  --dim: #8d84b0;
  --faint: #5a5378;
  --line: #241d33;

  --rhythm: #2fe9ff;
  --ecosystem: #5dffa0;
  --color: #ff7ad9;
  --growth: #ffb061;

  --fields: #9d7bff;
  --loopstation: #ffe14d;
  --terrain: #c8b08a;
  --grammar: #ff5d8f;
  --flux: #4af0c8;
  --garden: #8fe36b;
  --fill: #ff8a5c;
  --studio: #e6e1ff;

  --space: 16px;
  --radius: 18px;
  --maxw: 1100px;

  --font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}