/* Core Dark Theme Variables */
:root {
  --color-bg-page: #0a111e;
  --color-bg-card: #101c2e;
  --color-header-bg: #0a111e;
  
  --color-accent: #f59e0b;
  --color-accent-hover: #d97706;
  --color-accent-badge: #1f293d;
  
  --color-text-main: #ffffff;
  --color-text-muted: #94a3b8;
  --color-border: rgba(255, 255, 255, 0.08);

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --container-width: 1240px;
  --header-height: 76px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height, 70px) + 20px);
}
html, body {
  background-color: #0a111e !important;
  color: #ffffff !important;
  font-family: var(--font-sans);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 24px;
}