/**
 * Page-level design tokens for the Writer editor.
 *
 * Import this when you want to theme every `writer-*` element (and any host
 * markup) from one place. Elements carry the same tokens on `:host`, so this
 * file is optional.
 */
:root {
  --wr-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wr-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --wr-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --wr-font-size: 16px;
  --wr-line-height: 1.7;

  --wr-color-text: #1f2328;
  --wr-color-muted: #656d76;
  --wr-color-accent: #0b6bcb;
  --wr-color-accent-contrast: #ffffff;
  --wr-color-bg: #ffffff;
  --wr-color-bg-subtle: #f6f8fa;
  --wr-color-border: #d0d7de;
  --wr-color-danger: #cf222e;
  --wr-color-success: #1a7f37;
  --wr-color-warning: #9a6700;

  --wr-radius: 8px;
  --wr-radius-lg: 12px;
  --wr-space: 8px;
  --wr-space-lg: 16px;
  --wr-content-max-width: 46rem;
  --wr-toolbar-height: 44px;
  --wr-z-dialog: 2147483000;
  --wr-transition: 120ms ease;
}

@media (prefers-color-scheme: dark) {
  :root {
    --wr-color-text: #e6edf3;
    --wr-color-muted: #9198a1;
    --wr-color-accent: #4a9eff;
    --wr-color-accent-contrast: #0b1724;
    --wr-color-bg: #0d1117;
    --wr-color-bg-subtle: #161b22;
    --wr-color-border: #30363d;
  }
}