/* Generated by open.blog from theme.json. Edit the JSON, not this file. */
@font-face {
  font-family: "CallingCode";
  src: url("/themes/mnix/fonts/CallingCode-Regular.woff2?v=55722285") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+100-131, U+134-17E, U+192, U+1FC-1FF, U+218-21B, U+237, U+2BC, U+2C6-2C7, U+2C9, U+2D8-2DD, U+300-304, U+306-308, U+30A-30C, U+312, U+326-328, U+335-338, U+394, U+3A9, U+3BC, U+3C0, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+20B9, U+2113, U+2116-2117, U+2120, U+2122, U+2126, U+212E, U+2153-215E, U+2202, U+2205-2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB01-FB02;
}
@font-face {
  font-family: "CallingCode";
  src: url("/themes/mnix/fonts/CallingCode-Latin.woff2?v=55722285") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21FF;
}
@font-face {
  font-family: "Larabie";
  src: url("/themes/mnix/fonts/Code-Squared.woff2?v=55722285") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --ob-font-body: "CallingCode", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ob-font-heading: "CallingCode", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ob-font-mono: "CallingCode", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ob-body-leading: 1.8;
  --ob-body-size: 1rem;
  --ob-border-width: 1px;
  --ob-embed-height: 30rem;
  --ob-focus-ring: 3px solid var(--ob-color-accent-soft);
  --ob-gutter: 1rem;
  --ob-heading-leading: 1.25;
  --ob-heading-tracking: -0.035em;
  --ob-heading-transform: none;
  --ob-heading-weight: 600;
  --ob-hover-background: var(--ob-color-surface-raised);
  --ob-hover-text: var(--ob-color-text);
  --ob-max-width: 70rem;
  --ob-motion: 180ms;
  --ob-radius: 6px;
  --ob-radius-sm: 4px;
  --ob-reading-width: clamp(44rem, 62vw, 58rem);
  --ob-row-border-width: 2px;
  --ob-row-title-size: clamp(1rem, 2vw, 1.75rem);
  --ob-section-title-size: clamp(2rem, 4vw, 3.4rem);
  --ob-shadow: none;
  --ob-title-size: clamp(1.8rem, 3.8vw, 3rem);
  --ob-color-accent: #8f73ff;
  --ob-color-accent-border: #6a56c4;
  --ob-color-accent-contrast: #11141c;
  --ob-color-accent-icon: #b8a9ff;
  --ob-color-accent-soft: #b8a9ff;
  --ob-color-border: #4a5270;
  --ob-color-callout-caution: #ff8b86;
  --ob-color-callout-important: #b8a9ff;
  --ob-color-callout-note: #6cb2ff;
  --ob-color-callout-tip: #7ee787;
  --ob-color-callout-warning: #e3b341;
  --ob-color-code-attr: #ffa657;
  --ob-color-code-bg: #0d1018;
  --ob-color-code-comment: #9aa3c0;
  --ob-color-code-constant: #79c0ff;
  --ob-color-code-function: #d2b8ff;
  --ob-color-code-keyword: #ff8b86;
  --ob-color-code-meta: #9aa3c0;
  --ob-color-code-number: #79c0ff;
  --ob-color-code-operator: #ff8b86;
  --ob-color-code-property: #79c0ff;
  --ob-color-code-punctuation: #bfc4d6;
  --ob-color-code-regex: #7ee787;
  --ob-color-code-string: #a5d6ff;
  --ob-color-code-tag: #7ee787;
  --ob-color-code-text: #eceef6;
  --ob-color-code-type: #b8a9ff;
  --ob-color-code-variable: #eceef6;
  --ob-color-glow: #1d1a3a;
  --ob-color-ink: #11141c;
  --ob-color-link: #b8a9ff;
  --ob-color-muted: #bfc4d6;
  --ob-color-outer: #11141c;
  --ob-color-page: #11141c;
  --ob-color-subtle: #a2a9c0;
  --ob-color-surface: #181c27;
  --ob-color-surface-raised: #202534;
  --ob-color-text: #eceef6;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --ob-color-accent: #8f73ff;
    --ob-color-accent-border: #7a63d6;
    --ob-color-accent-contrast: #11141c;
    --ob-color-accent-icon: #5636d8;
    --ob-color-accent-soft: #5636d8;
    --ob-color-border: #a7a9c4;
    --ob-color-callout-caution: #c4252f;
    --ob-color-callout-important: #6a3fd0;
    --ob-color-callout-note: #0a5bb8;
    --ob-color-callout-tip: #116329;
    --ob-color-callout-warning: #7d4e00;
    --ob-color-code-attr: #ffa657;
    --ob-color-code-bg: #0d1018;
    --ob-color-code-comment: #9aa3c0;
    --ob-color-code-constant: #79c0ff;
    --ob-color-code-function: #d2b8ff;
    --ob-color-code-keyword: #ff8b86;
    --ob-color-code-meta: #9aa3c0;
    --ob-color-code-number: #79c0ff;
    --ob-color-code-operator: #ff8b86;
    --ob-color-code-property: #79c0ff;
    --ob-color-code-punctuation: #bfc4d6;
    --ob-color-code-regex: #7ee787;
    --ob-color-code-string: #a5d6ff;
    --ob-color-code-tag: #7ee787;
    --ob-color-code-text: #eceef6;
    --ob-color-code-type: #b8a9ff;
    --ob-color-code-variable: #eceef6;
    --ob-color-glow: #e4defa;
    --ob-color-ink: #11141c;
    --ob-color-link: #5636d8;
    --ob-color-muted: #424861;
    --ob-color-outer: #f3f2fa;
    --ob-color-page: #f3f2fa;
    --ob-color-subtle: #505672;
    --ob-color-surface: #fbfbfe;
    --ob-color-surface-raised: #e6e4f3;
    --ob-color-text: #1b1d2b;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --ob-color-accent: #8f73ff;
  --ob-color-accent-border: #7a63d6;
  --ob-color-accent-contrast: #11141c;
  --ob-color-accent-icon: #5636d8;
  --ob-color-accent-soft: #5636d8;
  --ob-color-border: #a7a9c4;
  --ob-color-callout-caution: #c4252f;
  --ob-color-callout-important: #6a3fd0;
  --ob-color-callout-note: #0a5bb8;
  --ob-color-callout-tip: #116329;
  --ob-color-callout-warning: #7d4e00;
  --ob-color-code-attr: #ffa657;
  --ob-color-code-bg: #0d1018;
  --ob-color-code-comment: #9aa3c0;
  --ob-color-code-constant: #79c0ff;
  --ob-color-code-function: #d2b8ff;
  --ob-color-code-keyword: #ff8b86;
  --ob-color-code-meta: #9aa3c0;
  --ob-color-code-number: #79c0ff;
  --ob-color-code-operator: #ff8b86;
  --ob-color-code-property: #79c0ff;
  --ob-color-code-punctuation: #bfc4d6;
  --ob-color-code-regex: #7ee787;
  --ob-color-code-string: #a5d6ff;
  --ob-color-code-tag: #7ee787;
  --ob-color-code-text: #eceef6;
  --ob-color-code-type: #b8a9ff;
  --ob-color-code-variable: #eceef6;
  --ob-color-glow: #e4defa;
  --ob-color-ink: #11141c;
  --ob-color-link: #5636d8;
  --ob-color-muted: #424861;
  --ob-color-outer: #f3f2fa;
  --ob-color-page: #f3f2fa;
  --ob-color-subtle: #505672;
  --ob-color-surface: #fbfbfe;
  --ob-color-surface-raised: #e6e4f3;
  --ob-color-text: #1b1d2b;
}
@media print {
  :root,
  :root[data-theme] {
    color-scheme: light;
    --ob-color-accent: #8f73ff;
    --ob-color-accent-border: #7a63d6;
    --ob-color-accent-contrast: #11141c;
    --ob-color-accent-icon: #5636d8;
    --ob-color-accent-soft: #5636d8;
    --ob-color-border: #a7a9c4;
    --ob-color-callout-caution: #c4252f;
    --ob-color-callout-important: #6a3fd0;
    --ob-color-callout-note: #0a5bb8;
    --ob-color-callout-tip: #116329;
    --ob-color-callout-warning: #7d4e00;
    --ob-color-code-attr: #ffa657;
    --ob-color-code-bg: #0d1018;
    --ob-color-code-comment: #9aa3c0;
    --ob-color-code-constant: #79c0ff;
    --ob-color-code-function: #d2b8ff;
    --ob-color-code-keyword: #ff8b86;
    --ob-color-code-meta: #9aa3c0;
    --ob-color-code-number: #79c0ff;
    --ob-color-code-operator: #ff8b86;
    --ob-color-code-property: #79c0ff;
    --ob-color-code-punctuation: #bfc4d6;
    --ob-color-code-regex: #7ee787;
    --ob-color-code-string: #a5d6ff;
    --ob-color-code-tag: #7ee787;
    --ob-color-code-text: #eceef6;
    --ob-color-code-type: #b8a9ff;
    --ob-color-code-variable: #eceef6;
    --ob-color-glow: #e4defa;
    --ob-color-ink: #11141c;
    --ob-color-link: #5636d8;
    --ob-color-muted: #424861;
    --ob-color-outer: #f3f2fa;
    --ob-color-page: #f3f2fa;
    --ob-color-subtle: #505672;
    --ob-color-surface: #fbfbfe;
    --ob-color-surface-raised: #e6e4f3;
    --ob-color-text: #1b1d2b;
  }
}