/* ===== RESET ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);
  line-height: 1.6;
}

/* ===== VARIABLES ===== */
:root {
  --bg-main: #08353f;
  --bg-secondary: #0a4651;
  --text-main: #e6f4f6;
  --text-muted: #9ccfd6;
  --accent: #0a7e8b;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  --header-height: 5px;
}

@media (max-width: 768px) {
  :root {
    --header-height: 64px;
  }
}


body[data-theme="light"] {
  --bg-main: #f6f9fa;
  --bg-secondary: #ffffff;
  --text-main: #08353f;
  --text-muted: #5c7a80;
  --accent: #0a7e8b;
}

/* ===== UTILITIES ===== */
.container {
  width: min(1100px, 92%);
  margin-inline: auto;
}

.section {
  min-height: calc(100vh - var(--header-height));
  padding-top: 5rem;
  padding-bottom: 2rem;
  scroll-margin-top: calc(var(--header-height) + 16px);
}

.section__title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 3rem;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}