:root {
  --rm-font-display: "Syne", "Segoe UI", sans-serif;
  --rm-font-ui: "Manrope", "Segoe UI", sans-serif;
  --rm-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --rm-accent: #0f766e;
  --rm-accent-hover: #0d9488;
  --rm-accent-soft: rgba(15, 118, 110, 0.12);
  --rm-accent-ink: #134e4a;

  --rm-bg: #f4f7f6;
  --rm-bg-elevated: #ffffff;
  --rm-bg-muted: #e8eef0;
  --rm-bg-code: #0f1a1c;
  --rm-bg-code-2: #152226;

  --rm-ink: #12222a;
  --rm-ink-soft: #3d5560;
  --rm-muted: #5f7580;
  --rm-line: rgba(18, 40, 48, 0.12);
  --rm-line-strong: rgba(18, 40, 48, 0.22);

  --rm-ok: #0f766e;
  --rm-warn: #b45309;
  --rm-danger: #b91c1c;

  --rm-radius-sm: 6px;
  --rm-radius: 10px;
  --rm-radius-lg: 16px;

  --rm-shadow: 0 10px 30px rgba(15, 40, 48, 0.08);
  --rm-shadow-soft: 0 4px 14px rgba(15, 40, 48, 0.06);

  --rm-space-1: 0.25rem;
  --rm-space-2: 0.5rem;
  --rm-space-3: 0.75rem;
  --rm-space-4: 1rem;
  --rm-space-5: 1.5rem;
  --rm-space-6: 2rem;
  --rm-space-7: 3rem;
  --rm-space-8: 4.5rem;

  --rm-container: 1120px;
  --rm-header-h: 4rem;

  --rm-method-get: #0369a1;
  --rm-method-post: #0f766e;
  --rm-method-delete: #b91c1c;
  --rm-method-put: #a16207;
}
