:root {
  --mq-font-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  --mq-font-mono: "IBM Plex Mono", "Fira Code", Consolas, monospace;

  --mq-color-bg: #f4f7fb;
  --mq-color-surface: #ffffff;
  --mq-color-surface-soft: #edf3ff;
  --mq-color-surface-alt: #f8fbff;
  --mq-color-ink: #11203a;
  --mq-color-ink-soft: #42526e;
  --mq-color-line: #d4dff0;

  --mq-color-brand: #0b5bd3;
  --mq-color-brand-strong: #0846a7;
  --mq-color-brand-accent: #0f766e;
  --mq-color-success: #0f766e;
  --mq-color-warning: #9a3412;
  --mq-color-danger: #b42318;

  --mq-focus: #0f62fe;
  --mq-radius-sm: 10px;
  --mq-radius-md: 14px;
  --mq-radius-lg: 18px;
  --mq-shadow-sm: 0 8px 20px rgba(17, 32, 58, 0.08);
  --mq-shadow-md: 0 14px 40px rgba(17, 32, 58, 0.08);
  --mq-shadow-lg: 0 22px 48px rgba(17, 32, 58, 0.16);
}