/* Cumulus — sky and cloud. A bright day in light mode, dusk in dark mode. */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap");

:root {
  --bg: #f6f9fc;
  --fg: #1d2a3a;
  --muted: #5d6f84;
  --font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;

  --public-header-bg: #2f6fae;
  --public-header-fg: #ffffff;
  --public-header-border: #285f96;
  --public-header-link: #e3f0fc;
  --public-header-link-hover: #ffffff;
  --public-header-link-active: #ffffff;
  --public-header-link-active-bg: rgba(255, 255, 255, 0.18);
  --public-sidebar-bg: #eef4fa;
  --public-sidebar-fg: #1d2a3a;
  --public-sidebar-title: #5d6f84;
  --public-sidebar-border: #d7e3ef;
  --public-sidebar-link-hover-bg: #e2edf8;
  --public-sidebar-link-active-bg: #d4e6f8;
  --public-sidebar-link-active: #1f5a93;
  --public-sidebar-accent: #2b74c0;
  --public-footer-bg: #eef4fa;
  --public-footer-fg: #5d6f84;
  --public-footer-border: #d7e3ef;
  --public-footer-link: #2f6fae;
  --public-footer-link-hover: #1f5a93;
  --public-surface-alt: #eef4fa;
  --public-border: #d7e3ef;
  --public-shadow: 0 2px 10px rgba(47, 111, 174, 0.08), 0 1px 2px rgba(29, 42, 58, 0.06);
  --public-module-surface: #ffffff;
  --public-module-border: #dfe9f3;
  --public-code-bg: #eaf1f8;
  --public-success-bg: #dff3e8;
  --public-success-fg: #1f6b45;
  --public-warning-bg: #fdf1d3;
  --public-warning-fg: #7a5410;
  --public-danger-bg: #fbe3e1;
  --public-danger-fg: #9a2f2a;
}

:root[data-color-scheme="dark"] {
  --bg: #111a2b;
  --fg: #e4ebf5;
  --muted: #94a6bf;

  --public-header-bg: #0b1322;
  --public-header-fg: #e4ebf5;
  --public-header-border: #22314a;
  --public-header-link: #b9c9de;
  --public-header-link-hover: #ffffff;
  --public-header-link-active: #ffffff;
  --public-header-link-active-bg: rgba(140, 192, 244, 0.16);
  --public-sidebar-bg: #172338;
  --public-sidebar-fg: #e4ebf5;
  --public-sidebar-title: #94a6bf;
  --public-sidebar-border: #26354f;
  --public-sidebar-link-hover-bg: #1f2e48;
  --public-sidebar-link-active-bg: #243a5c;
  --public-sidebar-link-active: #bcdcfb;
  --public-sidebar-accent: #8cc0f4;
  --public-footer-bg: #0e1626;
  --public-footer-fg: #94a6bf;
  --public-footer-border: #22314a;
  --public-footer-link: #b9c9de;
  --public-footer-link-hover: #8cc0f4;
  --public-surface-alt: #172338;
  --public-border: #26354f;
  --public-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  --public-module-surface: #18243a;
  --public-module-border: #283a56;
  --public-code-bg: #1b2a45;
  --public-success-bg: #133a2c;
  --public-success-fg: #9fe3bf;
  --public-warning-bg: #3d3012;
  --public-warning-fg: #f6d98e;
  --public-danger-bg: #431c1e;
  --public-danger-fg: #f6b2ab;
}

h1, h2, h3, h4 { letter-spacing: -0.01em; }
h1 { font-weight: 800; }