:root {
  --bg-dark: #08161b;
  --card: rgba(14, 31, 36, 0.55);
  --card-border: rgba(255, 255, 255, 0.12);
  --text-main: #edf4f2;
  --text-soft: #c6d4d0;
  --text-muted: #9eb4af;
  --accent: #7fbf9f;
  --accent-dark: #5f9f82;
  --accent-light: #c7e4d5;
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.18);
  --max-width: 1200px;
  --radius: 20px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  color: var(--text-main);
  background:
    linear-gradient(rgba(5, 18, 23, 0.82), rgba(5, 18, 23, 0.92)),
    url("https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1600&q=80")
    center/cover no-repeat fixed;
}

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