/*
 * Theme 017: Nordic Ocean
 * Family: Nordic | Palette: Ocean | Layout: centered minimal
 * An airy centered composition with generous whitespace and quiet visual hierarchy. Ocean colors, Tahoma Compact typography, and 7px controls.
 */

html[data-variant-theme="017"] {
  --theme-signature: "theme-017-nordic-ocean";
  --variant-font-body: Tahoma, "Segoe UI", sans-serif;
  --variant-font-display: Tahoma, "Segoe UI", sans-serif;
  --variant-font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --variant-content-width: 1076px;
  --variant-section-space: 124px;
  --variant-hero-gap: 42px;
  --variant-header-height: 68px;
  --variant-panel-radius: 10px;
  --variant-image-radius: 12px;
  --variant-button-radius: 7px;
  --variant-heading-max: 72px;
  --variant-border-width: 1px;
}

html[data-variant-theme="017"][data-theme="light"],
html[data-variant-theme="017"][data-theme="light"] body {
  color-scheme: light;
  --ink: #122033;
  --muted: #526276;
  --quiet: #728199;
  --line: #d7e1ec;
  --line-strong: #9fb0c3;
  --paper: #ffffff;
  --canvas: #edf4f9;
  --surface-soft: #f6f9fc;
  --surface-tint: #e8f0f6;
  --surface-teal: #edf6ff;
  --brand: #0b5cab;
  --brand-dark: #084898;
  --teal: #0b5cab;
  --teal-dark: #084898;
  --teal-deep: #062f66;
  --orange: #9a5700;
  --orange-soft: #fff4df;
  --danger: #e80808;
  --success: #168a55;
  --header-bg: rgba(246, 249, 252, 0.95);
  --footer-bg: #062f66;
  --variant-accent: #0b5cab;
  --variant-action: #084898;
  --variant-action-hover: #0b5cab;
  --variant-accent-soft: #e7f2fc;
  --variant-shadow: 0 16px 36px rgba(15, 23, 42, .10);
  --shadow: 0 16px 36px rgba(15, 23, 42, .10);
  --shadow-soft: 0 16px 36px rgba(15, 23, 42, .10);
}

html[data-variant-theme="017"][data-theme="dark"],
html[data-variant-theme="017"][data-theme="dark"] body {
  color-scheme: dark;
  --ink: #e7eef8;
  --muted: #aab7c9;
  --quiet: #7f91aa;
  --line: #26364c;
  --line-strong: #475973;
  --paper: #142238;
  --canvas: #08111f;
  --surface-soft: #101a2b;
  --surface-tint: #19283d;
  --surface-teal: rgba(136, 184, 232, 0.14);
  --brand: #88b8e8;
  --brand-dark: #084898;
  --teal: #88b8e8;
  --teal-dark: #6fa8de;
  --teal-deep: #d8e8f8;
  --orange: #f8b848;
  --orange-soft: rgba(232, 152, 24, 0.16);
  --danger: #ff6b6b;
  --success: #86efac;
  --header-bg: rgba(8, 17, 31, 0.95);
  --footer-bg: #051426;
  --variant-accent: #88b8e8;
  --variant-action: #084898;
  --variant-action-hover: #0b5cab;
  --variant-accent-soft: #19283d;
  --variant-shadow: 0 16px 36px rgba(0, 0, 0, .22);
  --shadow: 0 16px 36px rgba(0, 0, 0, .22);
  --shadow-soft: 0 16px 36px rgba(0, 0, 0, .22);
}

html[data-variant-theme="017"] body { font-family: var(--variant-font-body); background: var(--canvas); }
html[data-variant-theme="017"] h1, html[data-variant-theme="017"] h2, html[data-variant-theme="017"] h3 { font-family: var(--variant-font-display); }
html[data-variant-theme="017"] main { width: min(var(--variant-content-width), 100%); }
html[data-variant-theme="017"] .site-footer { width: min(calc(var(--variant-content-width) - 48px), calc(100% - 48px)); grid-template-columns: 1fr; }
html[data-variant-theme="017"] .footer-contact { justify-self: center; text-align: center; }
html[data-variant-theme="017"] .footer-links { justify-content: flex-end; }
html[data-variant-theme="017"] .site-header { min-height: var(--variant-header-height); }
html[data-variant-theme="017"] .button, html[data-variant-theme="017"] .top-nav a, html[data-variant-theme="017"] .site-theme-toggle, html[data-variant-theme="017"] .download-select, html[data-variant-theme="017"] .sample-tab, html[data-variant-theme="017"] .sample-step { border-radius: var(--variant-button-radius); }
html[data-variant-theme="017"] .button.primary { border-color: var(--variant-action); background: var(--variant-action); }
html[data-variant-theme="017"] .button.primary:hover, html[data-variant-theme="017"] .button.primary:focus-visible { border-color: var(--variant-action-hover); background: var(--variant-action-hover); }
html[data-variant-theme="017"] .hero { gap: var(--variant-hero-gap); }
html[data-variant-theme="017"] .hero-copy h1 { font-size: clamp(46px, 5.6vw, var(--variant-heading-max)); }
html[data-variant-theme="017"] .hero-visual, html[data-variant-theme="017"] .evidence-visual { border-radius: var(--variant-image-radius); box-shadow: var(--variant-shadow); }
html[data-variant-theme="017"] .hero-visual img, html[data-variant-theme="017"] .evidence-visual img { filter: saturate(0.96); }
html[data-variant-theme="017"] .section, html[data-variant-theme="017"] .split-section { margin-top: var(--variant-section-space); }
html[data-variant-theme="017"] .download-section, html[data-variant-theme="017"] .donation-panel, html[data-variant-theme="017"] .samples-workspace, html[data-variant-theme="017"] .legal-document { border-width: var(--variant-border-width); border-radius: var(--variant-panel-radius); }
html[data-variant-theme="017"] .workflow-item h3 { font-family: var(--variant-font-display); }
html[data-variant-theme="017"] .eyebrow, html[data-variant-theme="017"] .workflow-number, html[data-variant-theme="017"] .download-field span { font-family: var(--variant-font-mono); }
html[data-variant-theme="017"] .text-link { color: var(--variant-accent); }
html[data-variant-theme="017"] .site-header .top-nav > a[href="/#download"] { border-color: var(--variant-action); background: var(--variant-action); }
html[data-variant-theme="017"] .site-header .top-nav > a[href="/#download"]:hover, html[data-variant-theme="017"] .site-header .top-nav > a[href="/#download"]:focus-visible { border-color: var(--variant-action-hover); background: var(--variant-action-hover); }
html[data-variant-theme="017"] .sample-tab.is-active { border-color: var(--variant-action); background: var(--variant-action); }
html[data-variant-theme="017"] .proof-strip strong, html[data-variant-theme="017"] .workflow-item li::marker { color: var(--ink); }
html[data-variant-theme="017"] .sample-doc-header h3, html[data-variant-theme="017"] .sample-letter-header h3 { color: inherit; }


html[data-variant-theme="017"] .hero { grid-template-columns: 1fr; text-align: center; padding-top: calc(var(--variant-section-space) * .72); }
html[data-variant-theme="017"] .hero-copy { max-width: 820px; margin-inline: auto; }
html[data-variant-theme="017"] .hero-copy h1 { max-width: 16ch; margin-inline: auto; }
html[data-variant-theme="017"] .hero-deck { margin-inline: auto; }
html[data-variant-theme="017"] .hero-actions, html[data-variant-theme="017"] .hero-facts { justify-content: center; }
html[data-variant-theme="017"] .hero-visual { width: min(100%, 1040px); margin-inline: auto; }
html[data-variant-theme="017"] .section-intro { display: block; max-width: 780px; margin-inline: auto; text-align: center; }
html[data-variant-theme="017"] .section-intro .eyebrow { margin-bottom: 14px; }
html[data-variant-theme="017"] .section-intro h2 { margin-inline: auto; }
html[data-variant-theme="017"] .section-intro > p:last-child { margin: 22px auto 0; }
html[data-variant-theme="017"] .workflow-item { grid-template-columns: 64px minmax(0, 1fr) minmax(280px, .85fr); }
html[data-variant-theme="017"] .evidence-section { grid-template-columns: 1fr; }
html[data-variant-theme="017"] .evidence-copy { max-width: 720px; order: -1; }
html[data-variant-theme="017"] .community-section { align-items: center; }

@media (max-width: 1040px) {
  html[data-variant-theme="017"] .hero, html[data-variant-theme="017"] .evidence-section, html[data-variant-theme="017"] .community-section { grid-template-columns: 1fr; }
  html[data-variant-theme="017"] .hero-copy { max-width: 760px; }
  html[data-variant-theme="017"] .hero-visual { transform: none; }
  html[data-variant-theme="017"] .section-intro { grid-template-columns: 1fr; text-align: left; }
  html[data-variant-theme="017"] .section-intro h2, html[data-variant-theme="017"] .section-intro > p:last-child { margin-inline: 0; }
  html[data-variant-theme="017"] .workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-variant-theme="017"] .workflow-item { grid-template-columns: 48px minmax(0, 1fr); }
  html[data-variant-theme="017"] .workflow-item ul { grid-column: 2; }
}

@media (max-width: 720px) {
  html[data-variant-theme="017"] .site-header { width: 100%; margin: 0; border-left: 0; border-right: 0; border-radius: 0; }
  html[data-variant-theme="017"] .site-footer { width: calc(100% - 32px); grid-template-columns: 1fr; }
  html[data-variant-theme="017"] .footer-contact { justify-self: center; text-align: center; }
  html[data-variant-theme="017"] .hero { grid-template-columns: 1fr; padding-inline: 0; }
  html[data-variant-theme="017"] .hero-copy { padding-inline: 0; text-align: left; }
  html[data-variant-theme="017"] .hero-copy h1, html[data-variant-theme="017"] .hero-deck { margin-inline: 0; }
  html[data-variant-theme="017"] .hero-actions { justify-content: flex-start; }
  html[data-variant-theme="017"] .hero-facts { justify-content: flex-start; }
  html[data-variant-theme="017"] .proof-strip { grid-template-columns: 1fr 1fr; }
  html[data-variant-theme="017"] .workflow-list { grid-template-columns: 1fr; }
  html[data-variant-theme="017"] .workflow-item { display: block; }
  html[data-variant-theme="017"] .workflow-item ul { margin-top: 16px; }
  html[data-variant-theme="017"] .download-heading { grid-template-columns: 1fr; }
}