:root {
  --font: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Montserrat", "Segoe UI", sans-serif;
  --navy: #191970;
  --ink: #3b376a;
  --text: #151515;
  --muted: #4b4f58;
  --blue: #338dbd;
  --blue-2: #7eb4d1;
  --navy-deep: #000044;
  --icon: #6ec1e4;
  --top-icon: #7eb4d1;
  --bg: #ffffff;
  --bg-soft: #fbfbfb;
  --line: #eaeaea;
  --card-line: #dfdfdf;
  --container: 1140px;
  --page: 1280px;
  --wa: #25d366;
  --wa-hover: #036628;
}

html { font-size: 16px; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  font-weight: 400;
  color: #333;
  background: var(--bg);
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

.container {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  left: 12px;
  top: -40px;
  background: #fff;
  color: var(--ink);
  padding: 8px 12px;
  z-index: 10000;
}

.skip-link:focus { top: 8px; }