:root {
  --servcom-blue: #1e6fd9;
  --servcom-blue-light: #e8f2fd;
  --servcom-navy: #1a2b4a;
  --servcom-white: #ffffff;
  --servcom-gray-50: #f8fafc;
  --servcom-gray-100: #f1f5f9;
  --servcom-gray-200: #e2e8f0;
  --servcom-gray-500: #64748b;
  --servcom-gray-700: #334155;
  --servcom-success: #2e7d4f;
  --servcom-success-bg: #e8f5ec;
  --servcom-warning: #c77700;
  --servcom-warning-bg: #fff8eb;
  --servcom-danger: #b42318;
  --servcom-shadow: 0 4px 24px rgba(26, 43, 74, 0.08);
  --servcom-radius: 14px;
  --servcom-font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --header-height: 60px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--servcom-font);
  color: var(--servcom-navy);
  background: var(--servcom-gray-50);
  line-height: 1.6;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

a { color: var(--servcom-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

.container {
  width: min(1200px, 100% - 2rem);
  margin: 0 auto;
}

.container-wide {
  width: min(1560px, 100% - 2.5rem);
  margin: 0 auto;
}