/* Generated by scripts/build_pages.py from scripts/hero_sources.json: the preview themes
   of mars-dawn-kit 0.5.2 (ff4d5f1), PreviewTheme.swift. Don't edit by hand. */
.mdw {
  color-scheme: light dark;
  --bg: light-dark(var(--l-bg), var(--d-bg));
  --surface: light-dark(var(--l-surface), var(--d-surface));
  --fg: light-dark(var(--l-fg), var(--d-fg));
  --muted: light-dark(var(--l-muted), var(--d-muted));
  --border: light-dark(var(--l-border), var(--d-border));
  --heading: light-dark(var(--l-heading), var(--d-heading));
  --accent: light-dark(var(--l-accent), var(--d-accent));
  --link: light-dark(var(--l-link), var(--d-link));
  --quote: light-dark(var(--l-quote), var(--d-quote));
  --keyword: light-dark(var(--l-keyword), var(--d-keyword));
  --function: light-dark(var(--l-function), var(--d-function));
  --string: light-dark(var(--l-string), var(--d-string));
  --comment: light-dark(var(--l-comment), var(--d-comment));
  --l-bg: #FFFDFB;
  --l-surface: #F6F0EC;
  --l-fg: #26211F;
  --l-muted: #6F6660;
  --l-border: #EADFD8;
  --l-heading: #26211F;
  --l-accent: #C8471B;
  --l-link: #B03C0C;
  --l-quote: #D97A4A;
  --l-keyword: #B03C0C;
  --l-function: #5B3E8C;
  --l-string: #2F6F5E;
  --l-comment: #746B66;
  --d-bg: #1C1A1F;
  --d-surface: #262229;
  --d-fg: #EBE4DF;
  --d-muted: #A39992;
  --d-border: #3A343A;
  --d-heading: #F4EEEA;
  --d-accent: #FF8A50;
  --d-link: #FF9E6B;
  --d-quote: #E08A5C;
  --d-keyword: #FF9E6B;
  --d-function: #C7A6F5;
  --d-string: #7FD1B9;
  --d-comment: #938A84;
  --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang TC", "PingFang SC", sans-serif;
}
.mdw:has(#mdw-light:checked) { color-scheme: light; }
.mdw:has(#mdw-dark:checked) { color-scheme: dark; }
/* The theme picked for each appearance: its palette. */
.mdw:has(#mdw-light-classic:checked) {
  --l-bg: #FCFCFB;
  --l-surface: #F2F2F0;
  --l-fg: #1C1C1C;
  --l-muted: #5E5E5E;
  --l-border: #DDDDDB;
  --l-heading: #111111;
  --l-accent: #2E2E2E;
  --l-link: #1C1C1C;
  --l-quote: #8C8C8C;
  --l-keyword: #1C1C1C;
  --l-function: #1C1C1C;
  --l-string: #4D4D4D;
  --l-comment: #6A6A6A;
}
.mdw:has(#mdw-dark-classic:checked) {
  --d-bg: #171717;
  --d-surface: #222222;
  --d-fg: #E6E6E6;
  --d-muted: #A6A6A6;
  --d-border: #363636;
  --d-heading: #F2F2F2;
  --d-accent: #D4D4D4;
  --d-link: #EDEDED;
  --d-quote: #7C7C7C;
  --d-keyword: #F2F2F2;
  --d-function: #F2F2F2;
  --d-string: #C4C4C4;
  --d-comment: #9C9C9C;
}
.mdw:has(#mdw-light-modern:checked) {
  --l-bg: #FFFFFF;
  --l-surface: #F6F8FA;
  --l-fg: #1F2328;
  --l-muted: #59636E;
  --l-border: #D1D9E0;
  --l-heading: #1F2328;
  --l-accent: #0969DA;
  --l-link: #0969DA;
  --l-quote: #8C939A;
  --l-keyword: #CF222E;
  --l-function: #8250DF;
  --l-string: #0A3069;
  --l-comment: #59636E;
}
.mdw:has(#mdw-dark-modern:checked) {
  --d-bg: #0D1117;
  --d-surface: #151B23;
  --d-fg: #E6EDF3;
  --d-muted: #9198A1;
  --d-border: #30363D;
  --d-heading: #F0F6FC;
  --d-accent: #4493F8;
  --d-link: #4493F8;
  --d-quote: #5B636C;
  --d-keyword: #FF7B72;
  --d-function: #D2A8FF;
  --d-string: #A5D6FF;
  --d-comment: #9198A1;
}
.mdw:has(#mdw-light-vivid:checked) {
  --l-bg: #FFFDF8;
  --l-surface: #F3EEFF;
  --l-fg: #2D2A32;
  --l-muted: #6B6475;
  --l-border: #E6DCFB;
  --l-heading: #5B3BE0;
  --l-accent: #D5316B;
  --l-link: #087481;
  --l-quote: #FFB020;
  --l-keyword: #B8246A;
  --l-function: #5B3BE0;
  --l-string: #07734F;
  --l-comment: #70697C;
}
.mdw:has(#mdw-dark-vivid:checked) {
  --d-bg: #1A1625;
  --d-surface: #251F36;
  --d-fg: #F1ECFA;
  --d-muted: #AFA6BE;
  --d-border: #3A3150;
  --d-heading: #B69CFF;
  --d-accent: #FF7AA2;
  --d-link: #3DD6D0;
  --d-quote: #FFC857;
  --d-keyword: #FF7AB8;
  --d-function: #B69CFF;
  --d-string: #5BE3A8;
  --d-comment: #948BA6;
}
/* The theme on show: its font and shapes (hero_window.SHAPES). */
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) { --font-body: ui-serif, "New York", Georgia, "Songti TC", "Songti SC", serif; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) { --heading-weight: 600; --body-size: 16px; --line-height: 1.75; --radius: 4px; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked):has(#mdw-preview:checked) .mdw-preview > *,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked):has(#mdw-preview:checked) .mdw-preview > * { max-width: 720px; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .md-h1,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .md-h1 { text-align: center; font-size: 2.2em; letter-spacing: 0.01em; border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .md-h1::after,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .md-h1::after { content: ""; display: block; width: 48px; height: 1px; margin: 0.5em auto 0; background: var(--accent); }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .md-h2,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .md-h2 { font-style: italic; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .mdw-preview blockquote,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .mdw-preview blockquote { border-left-width: 2px; font-style: italic; }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .mdw-preview th,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .mdw-preview th { background: transparent; border-bottom: 2px solid var(--accent); }
.mdw:has(#mdw-light:checked):has(#mdw-light-classic:checked) .mdw-preview :is(th, td),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-classic:checked) .mdw-preview :is(th, td) { border-left: 0; border-right: 0; }
.mdw:has(#mdw-light:checked):has(#mdw-light-modern:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-modern:checked) { --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-light:checked):has(#mdw-light-modern:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-modern:checked) { --heading-weight: 700; --radius: 6px; }
.mdw:has(#mdw-light:checked):has(#mdw-light-modern:checked) :is(.md-h1, .md-h2),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-modern:checked) :is(.md-h1, .md-h2) { letter-spacing: -0.015em; }
.mdw:has(#mdw-light:checked):has(#mdw-light-modern:checked) .mdw-preview blockquote,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-modern:checked) .mdw-preview blockquote { border-left-width: 4px; }
.mdw:has(#mdw-light:checked):has(#mdw-light-modern:checked) .mdw-preview li::marker,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-modern:checked) .mdw-preview li::marker { color: var(--muted); }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) { --font-body: ui-rounded, "SF Pro Rounded", -apple-system, "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked),
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) { --heading-weight: 800; --radius: 14px; }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .md-h1,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .md-h1 { border-bottom: 0; padding-bottom: 0.15em; background: linear-gradient(90deg, var(--accent), var(--heading)) left bottom / 64px 4px no-repeat; }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .md-h2,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .md-h2 { border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .md-h2::before,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .md-h2::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.45em; border-radius: 50%; background: var(--accent); vertical-align: 0.12em; }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .mdw-preview blockquote,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .mdw-preview blockquote { border-left: 0; padding: 0.6em 1em; background: var(--surface); border-radius: var(--radius); color: var(--fg); }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .mdw-preview code,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .mdw-preview code { color: var(--keyword); }
.mdw:has(#mdw-light:checked):has(#mdw-light-vivid:checked) .mdw-preview th,
.mdw:has(#mdw-dark:checked):has(#mdw-dark-vivid:checked) .mdw-preview th { background: var(--heading); color: var(--bg); border-color: var(--heading); }
@media not all and (prefers-color-scheme: dark) {
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) { --font-body: ui-serif, "New York", Georgia, "Songti TC", "Songti SC", serif; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) { --heading-weight: 600; --body-size: 16px; --line-height: 1.75; --radius: 4px; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked):has(#mdw-preview:checked) .mdw-preview > * { max-width: 720px; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .md-h1 { text-align: center; font-size: 2.2em; letter-spacing: 0.01em; border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .md-h1::after { content: ""; display: block; width: 48px; height: 1px; margin: 0.5em auto 0; background: var(--accent); }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .md-h2 { font-style: italic; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .mdw-preview blockquote { border-left-width: 2px; font-style: italic; }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .mdw-preview th { background: transparent; border-bottom: 2px solid var(--accent); }
.mdw:has(#mdw-system:checked):has(#mdw-light-classic:checked) .mdw-preview :is(th, td) { border-left: 0; border-right: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-light-modern:checked) { --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-system:checked):has(#mdw-light-modern:checked) { --heading-weight: 700; --radius: 6px; }
.mdw:has(#mdw-system:checked):has(#mdw-light-modern:checked) :is(.md-h1, .md-h2) { letter-spacing: -0.015em; }
.mdw:has(#mdw-system:checked):has(#mdw-light-modern:checked) .mdw-preview blockquote { border-left-width: 4px; }
.mdw:has(#mdw-system:checked):has(#mdw-light-modern:checked) .mdw-preview li::marker { color: var(--muted); }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) { --font-body: ui-rounded, "SF Pro Rounded", -apple-system, "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) { --heading-weight: 800; --radius: 14px; }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .md-h1 { border-bottom: 0; padding-bottom: 0.15em; background: linear-gradient(90deg, var(--accent), var(--heading)) left bottom / 64px 4px no-repeat; }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .md-h2 { border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .md-h2::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.45em; border-radius: 50%; background: var(--accent); vertical-align: 0.12em; }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .mdw-preview blockquote { border-left: 0; padding: 0.6em 1em; background: var(--surface); border-radius: var(--radius); color: var(--fg); }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .mdw-preview code { color: var(--keyword); }
.mdw:has(#mdw-system:checked):has(#mdw-light-vivid:checked) .mdw-preview th { background: var(--heading); color: var(--bg); border-color: var(--heading); }
}
@media (prefers-color-scheme: dark) {
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) { --font-body: ui-serif, "New York", Georgia, "Songti TC", "Songti SC", serif; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) { --heading-weight: 600; --body-size: 16px; --line-height: 1.75; --radius: 4px; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked):has(#mdw-preview:checked) .mdw-preview > * { max-width: 720px; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .md-h1 { text-align: center; font-size: 2.2em; letter-spacing: 0.01em; border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .md-h1::after { content: ""; display: block; width: 48px; height: 1px; margin: 0.5em auto 0; background: var(--accent); }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .md-h2 { font-style: italic; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .mdw-preview blockquote { border-left-width: 2px; font-style: italic; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .mdw-preview th { background: transparent; border-bottom: 2px solid var(--accent); }
.mdw:has(#mdw-system:checked):has(#mdw-dark-classic:checked) .mdw-preview :is(th, td) { border-left: 0; border-right: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-modern:checked) { --font-body: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-modern:checked) { --heading-weight: 700; --radius: 6px; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-modern:checked) :is(.md-h1, .md-h2) { letter-spacing: -0.015em; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-modern:checked) .mdw-preview blockquote { border-left-width: 4px; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-modern:checked) .mdw-preview li::marker { color: var(--muted); }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) { --font-body: ui-rounded, "SF Pro Rounded", -apple-system, "PingFang TC", "PingFang SC", sans-serif; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) { --heading-weight: 800; --radius: 14px; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .md-h1 { border-bottom: 0; padding-bottom: 0.15em; background: linear-gradient(90deg, var(--accent), var(--heading)) left bottom / 64px 4px no-repeat; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .md-h2 { border-bottom: 0; padding-bottom: 0; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .md-h2::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.45em; border-radius: 50%; background: var(--accent); vertical-align: 0.12em; }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .mdw-preview blockquote { border-left: 0; padding: 0.6em 1em; background: var(--surface); border-radius: var(--radius); color: var(--fg); }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .mdw-preview code { color: var(--keyword); }
.mdw:has(#mdw-system:checked):has(#mdw-dark-vivid:checked) .mdw-preview th { background: var(--heading); color: var(--bg); border-color: var(--heading); }
}
/* The source editor's colour roles, from the app's EditorTheme(lightTheme:darkTheme:). */
.mdw-source {
  --ed-text: var(--fg);
  --ed-heading: var(--heading);
  --ed-marker: var(--accent);
  --ed-emphasis: var(--function);
  --ed-code: var(--string);
  --ed-codeFence: var(--comment);
  --ed-link: var(--link);
  --ed-muted: var(--muted);
  --ed-quote: var(--muted);
}