/* Generated by open.blog from theme.json. Edit the JSON, not this file. */
:root {
  color-scheme: light;
  --ob-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ob-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ob-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --ob-body-leading: 1.75;
  --ob-body-size: 1.0625rem;
  --ob-border-width: 1px;
  --ob-embed-height: 30rem;
  --ob-focus-ring: 3px solid var(--ob-color-accent);
  --ob-gutter: 1rem;
  --ob-heading-leading: 1.2;
  --ob-heading-tracking: -0.01em;
  --ob-heading-transform: none;
  --ob-heading-weight: 700;
  --ob-hover-background: var(--ob-color-surface-raised);
  --ob-hover-text: var(--ob-color-text);
  --ob-max-width: 70rem;
  --ob-motion: 160ms;
  --ob-radius: 12px;
  --ob-radius-sm: 6px;
  --ob-reading-width: clamp(42rem, 48vw, 50rem);
  --ob-row-border-width: 1px;
  --ob-row-title-size: clamp(1.05rem, 2vw, 1.4rem);
  --ob-section-title-size: clamp(1.4rem, 3vw, 2rem);
  --ob-shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 8px 24px rgb(0 0 0 / 0.06);
  --ob-title-size: clamp(1.9rem, 4.5vw, 3rem);
  --ob-color-accent: #2457d6;
  --ob-color-accent-border: #9db4ee;
  --ob-color-accent-contrast: #ffffff;
  --ob-color-accent-soft: #2457d6;
  --ob-color-border: #d8dce3;
  --ob-color-callout-caution: #d1242f;
  --ob-color-callout-important: #6f3fc4;
  --ob-color-callout-note: #0969da;
  --ob-color-callout-tip: #116329;
  --ob-color-callout-warning: #7d5400;
  --ob-color-code-attr: #e45649;
  --ob-color-code-bg: #f1f3f6;
  --ob-color-code-comment: #8a909a;
  --ob-color-code-constant: #986801;
  --ob-color-code-function: #4078f2;
  --ob-color-code-keyword: #a626a4;
  --ob-color-code-meta: #4078f2;
  --ob-color-code-number: #986801;
  --ob-color-code-operator: #0184bc;
  --ob-color-code-property: #e45649;
  --ob-color-code-punctuation: #383a42;
  --ob-color-code-regex: #0184bc;
  --ob-color-code-string: #50a14f;
  --ob-color-code-tag: #2457d6;
  --ob-color-code-text: #14171c;
  --ob-color-code-type: #c18401;
  --ob-color-code-variable: #0184bc;
  --ob-color-glow: #e6edfc;
  --ob-color-ink: #0b0d11;
  --ob-color-link: #1d4bc2;
  --ob-color-muted: #4a5260;
  --ob-color-outer: #f6f7f9;
  --ob-color-page: #ffffff;
  --ob-color-subtle: #6b7280;
  --ob-color-surface: #ffffff;
  --ob-color-surface-raised: #f1f3f6;
  --ob-color-text: #14171c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ob-color-accent: #7aa2ff;
    --ob-color-accent-border: #3a4f85;
    --ob-color-accent-contrast: #0b0d11;
    --ob-color-accent-soft: #7aa2ff;
    --ob-color-border: #2c3340;
    --ob-color-callout-caution: #f85149;
    --ob-color-callout-important: #ab7df8;
    --ob-color-callout-note: #4493f8;
    --ob-color-callout-tip: #3fb950;
    --ob-color-callout-warning: #d29922;
    --ob-color-code-attr: #e06c75;
    --ob-color-code-bg: #1d222b;
    --ob-color-code-comment: #7f8794;
    --ob-color-code-constant: #d19a66;
    --ob-color-code-function: #61afef;
    --ob-color-code-keyword: #c678dd;
    --ob-color-code-meta: #61afef;
    --ob-color-code-number: #d19a66;
    --ob-color-code-operator: #56b6c2;
    --ob-color-code-property: #e06c75;
    --ob-color-code-punctuation: #abb2bf;
    --ob-color-code-regex: #56b6c2;
    --ob-color-code-string: #98c379;
    --ob-color-code-tag: #7aa2ff;
    --ob-color-code-text: #eceff4;
    --ob-color-code-type: #e5c07b;
    --ob-color-code-variable: #56b6c2;
    --ob-color-glow: #1b2640;
    --ob-color-ink: #0b0d11;
    --ob-color-link: #8fb0ff;
    --ob-color-muted: #b4bcc9;
    --ob-color-outer: #0a0c10;
    --ob-color-page: #0f1217;
    --ob-color-subtle: #8b94a3;
    --ob-color-surface: #161a21;
    --ob-color-surface-raised: #1d222b;
    --ob-color-text: #eceff4;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ob-color-accent: #7aa2ff;
  --ob-color-accent-border: #3a4f85;
  --ob-color-accent-contrast: #0b0d11;
  --ob-color-accent-soft: #7aa2ff;
  --ob-color-border: #2c3340;
  --ob-color-callout-caution: #f85149;
  --ob-color-callout-important: #ab7df8;
  --ob-color-callout-note: #4493f8;
  --ob-color-callout-tip: #3fb950;
  --ob-color-callout-warning: #d29922;
  --ob-color-code-attr: #e06c75;
  --ob-color-code-bg: #1d222b;
  --ob-color-code-comment: #7f8794;
  --ob-color-code-constant: #d19a66;
  --ob-color-code-function: #61afef;
  --ob-color-code-keyword: #c678dd;
  --ob-color-code-meta: #61afef;
  --ob-color-code-number: #d19a66;
  --ob-color-code-operator: #56b6c2;
  --ob-color-code-property: #e06c75;
  --ob-color-code-punctuation: #abb2bf;
  --ob-color-code-regex: #56b6c2;
  --ob-color-code-string: #98c379;
  --ob-color-code-tag: #7aa2ff;
  --ob-color-code-text: #eceff4;
  --ob-color-code-type: #e5c07b;
  --ob-color-code-variable: #56b6c2;
  --ob-color-glow: #1b2640;
  --ob-color-ink: #0b0d11;
  --ob-color-link: #8fb0ff;
  --ob-color-muted: #b4bcc9;
  --ob-color-outer: #0a0c10;
  --ob-color-page: #0f1217;
  --ob-color-subtle: #8b94a3;
  --ob-color-surface: #161a21;
  --ob-color-surface-raised: #1d222b;
  --ob-color-text: #eceff4;
}
@media print {
  :root,
  :root[data-theme] {
    color-scheme: light;
    --ob-color-accent: #2457d6;
    --ob-color-accent-border: #9db4ee;
    --ob-color-accent-contrast: #ffffff;
    --ob-color-accent-soft: #2457d6;
    --ob-color-border: #d8dce3;
    --ob-color-callout-caution: #d1242f;
    --ob-color-callout-important: #6f3fc4;
    --ob-color-callout-note: #0969da;
    --ob-color-callout-tip: #116329;
    --ob-color-callout-warning: #7d5400;
    --ob-color-code-attr: #e45649;
    --ob-color-code-bg: #f1f3f6;
    --ob-color-code-comment: #8a909a;
    --ob-color-code-constant: #986801;
    --ob-color-code-function: #4078f2;
    --ob-color-code-keyword: #a626a4;
    --ob-color-code-meta: #4078f2;
    --ob-color-code-number: #986801;
    --ob-color-code-operator: #0184bc;
    --ob-color-code-property: #e45649;
    --ob-color-code-punctuation: #383a42;
    --ob-color-code-regex: #0184bc;
    --ob-color-code-string: #50a14f;
    --ob-color-code-tag: #2457d6;
    --ob-color-code-text: #14171c;
    --ob-color-code-type: #c18401;
    --ob-color-code-variable: #0184bc;
    --ob-color-glow: #e6edfc;
    --ob-color-ink: #0b0d11;
    --ob-color-link: #1d4bc2;
    --ob-color-muted: #4a5260;
    --ob-color-outer: #f6f7f9;
    --ob-color-page: #ffffff;
    --ob-color-subtle: #6b7280;
    --ob-color-surface: #ffffff;
    --ob-color-surface-raised: #f1f3f6;
    --ob-color-text: #14171c;
  }
}