/* Derived from branding/v1/tokens.css. Run scripts/export_public_assets.py. */
:root {
  --hindle-brand-ink: #172d45;
  --hindle-brand-secondary: #334b66;
  --hindle-ice: #94b5cc;
  --hindle-bg: #f0f5f8;
  --hindle-text: #172d45;
  --hindle-muted: #536e85;
  --hindle-rule: #c7d9e5;
  --hindle-focus: #334b66;
  --hindle-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --hindle-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hindle-editorial-weight: 500;
  --hindle-content-width: 1280px;
  --hindle-gutter: clamp(40px, 5vw, 72px);
  --hindle-section-space: 128px;
  --hindle-summary-space: 64px;
  --hindle-heading-gap: 12px;
  --hindle-heading-space: 48px;
  --hindle-story-gap: 64px;
  --hindle-attribution-space: 24px;
  --hindle-grid-gap: 24px;
  --hindle-radius: 0;
  --hindle-space-1: 4px;
  --hindle-space-2: 8px;
  --hindle-space-3: 12px;
  --hindle-space-4: 16px;
  --hindle-space-6: 24px;
  --hindle-space-8: 32px;
  --hindle-space-12: 48px;
  --hindle-space-16: 64px;
  --hindle-space-20: 80px;
  --hindle-hero-size: 36px;
  --hindle-section-size: 30px;
  --hindle-quote-size: 40px;
  --hindle-supporting-quote-size: 28px;
  --hindle-company-name-size: 18px;
  --hindle-company-description-size: 15px;
  --hindle-body-size: 16px;
  --hindle-label-size: 12px;
  --hindle-art-rest-opacity: 0.65;
  --hindle-art-reveal-opacity: 1;
  --hindle-reveal-duration: 240ms;
  --hindle-reveal-easing: ease-out;
  color-scheme: light;
}

/* Resolve the system preference only when no explicit preference is set. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --hindle-bg: #0b1e2d;
    --hindle-text: #f0f5f8;
    --hindle-muted: #aec3d5;
    --hindle-rule: #344b5b;
    --hindle-focus: #94b5cc;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --hindle-bg: #0b1e2d;
  --hindle-text: #f0f5f8;
  --hindle-muted: #aec3d5;
  --hindle-rule: #344b5b;
  --hindle-focus: #94b5cc;
  color-scheme: dark;
}

@media (max-width: 767px) {
  :root {
    --hindle-gutter: 24px;
    --hindle-section-space: 80px;
    --hindle-summary-space: 40px;
    --hindle-heading-space: 32px;
    --hindle-story-gap: 40px;
    --hindle-grid-gap: 16px;
    --hindle-hero-size: 28px;
    --hindle-section-size: 26px;
    --hindle-quote-size: 28px;
    --hindle-supporting-quote-size: 24px;
    --hindle-company-name-size: 16px;
    --hindle-company-description-size: 14px;
  }
}
@media (max-width: 379px) {
  :root { --hindle-gutter: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --hindle-reveal-duration: 0ms; }
}