/* Auto-synced from src/styles/tokens.css during build. */
:root{
  /* Palette */
  --mq-primary: oklch(61% 0.17 260);
  --mq-primary-contrast: #ffffff;
  --mq-bg: oklch(99% 0 0);
  --mq-surface: oklch(98% 0.01 240);
  --mq-surface-2: oklch(97% 0.01 240);
  --mq-border: color-mix(in oklab, var(--mq-text-muted), transparent 65%);
  --mq-text: oklch(27% 0.02 250);
  --mq-text-muted: oklch(45% 0.02 250);

  /* Layout */
  --mq-page-max: min(96vw, 1400px);
  --mq-radius: 12px;
  --mq-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.06);

  /* Typography */
  --mq-font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --mq-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.dark{
  --mq-bg: oklch(16% 0.03 250);
  --mq-surface: oklch(21% 0.03 250);
  --mq-surface-2: oklch(25% 0.03 250);
  --mq-border: color-mix(in oklab, var(--mq-text-muted), transparent 65%);
  --mq-text: oklch(93% 0.01 250);
  --mq-text-muted: oklch(80% 0.02 250);
}