/* Generated from _data/design.yml. Edit YAML instead. */
:root {
  --design-max-width: 1120px;
  --design-page-gutter: 24px;
  --design-page-gutter-mobile: 16px;
  --design-reading-width: 100%;
  --design-article-sidebar-width: 280px;
  --design-article-max-width: 1280px;
  --design-toc-sticky-offset: 16px;
  --design-card-padding: 24px;
  --design-card-padding-mobile: 20px;
  --design-grid-gap: 24px;
  --design-section-gap: 48px;
  --design-section-gap-mobile: 32px;
  --design-control-gap: 12px;
  --design-font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  --design-body-size: 16px;
  --design-body-size-mobile: 16px;
  --design-small-size: 13px;
  --design-toc-size: 14px;
  --design-card-title-size: 18px;
  --design-section-title-size: 24px;
  --design-page-title-size: 32px;
  --design-page-title-size-mobile: 26px;
  --design-line-height: 1.75;
  --design-heading-line-height: 1.45;
  --design-card-radius: 12px;
  --design-control-radius: 12px;
  --design-image-radius: 12px;
  --design-background: #f8f8f5;
  --design-surface: #ffffff;
  --design-surface-muted: #f0f2ed;
  --design-text: #26332d;
  --design-text-muted: #637069;
  --design-border: #dce2dc;
  --design-primary: #254e40;
  --design-secondary: #6b7257;
  --design-on-primary: #ffffff;
  --design-focus: #9a6b28;
  --design-warning-surface: #fff6d8;
  --design-warning-text: #655b40;
  --design-image-ratio: 4 / 3;
  --design-image-position: 50% 45%;
}
html[data-theme='dark'] {
  color-scheme: dark;
  --design-background: #151b18;
  --design-surface: #1d2521;
  --design-surface-muted: #26312b;
  --design-text: #edf3ed;
  --design-text-muted: #b5c1b8;
  --design-border: #3c4a42;
  --design-primary: #a8d0bd;
  --design-secondary: #c6cf99;
  --design-on-primary: #15201a;
  --design-focus: #e7be78;
  --design-warning-surface: #403a27;
  --design-warning-text: #f4dc9c;
}
@media (prefers-color-scheme: dark) {
  html[data-theme='system'] {
    color-scheme: dark;
    --design-background: #151b18;
    --design-surface: #1d2521;
    --design-surface-muted: #26312b;
    --design-text: #edf3ed;
    --design-text-muted: #b5c1b8;
    --design-border: #3c4a42;
    --design-primary: #a8d0bd;
    --design-secondary: #c6cf99;
    --design-on-primary: #15201a;
    --design-focus: #e7be78;
    --design-warning-surface: #403a27;
    --design-warning-text: #f4dc9c;
  }
}