:root {
  --ink: #071412;
  --ink-2: #0d2420;
  --ink-soft: #20312e;
  --paper: #f2f4ee;
  --paper-warm: #e8e9e1;
  --white: #ffffff;

  --mint: #8cffcc;
  --mint-2: #3bd99a;
  --teal: #216c61;
  --green-dark: #008653;
  --acid: var(--mint);
  --green: var(--mint-2);
  --mint-deep: var(--mint-2);

  --red: #ec6b64;
  --amber: #d8a63f;

  --line: rgba(7, 20, 18, 0.17);
  --line-solid: #d4dbd5;
  --line-light: rgba(255, 255, 255, 0.13);
  --muted: #5d706a;

  --sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;

  --fs-micro: 12px;
  --fs-label: 13px;

  --max: 1440px;
  --pad: clamp(22px, 5vw, 76px);
}

:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--mint-2);
  outline-offset: 3px;
  border-radius: 2px;
}