:root {
  --color-text-primary: #0c2737;
  --color-text-secondary: #434b56;
  --color-text-light: #8b8f95;
  --color-text-white: #ffffff;
  --color-accent-blue: #0078f8;
  --color-accent-orange: #f5a623;
  --color-accent-red: #eb5757;
  --color-border-light: #ebeced;
  --color-border-medium: #8b8f95;
  --color-bg-white: #ffffff;
  --color-bg-light-gray: #f6f6f6;
  --gradient-blue: linear-gradient(221deg, #0078f8 0%, #0941eb 110.58%);
  --gradient-hero-bg: linear-gradient(221deg, rgba(0, 120, 248, 0.05) 0%, rgba(9, 65, 235, 0.05) 110.58%);
}

body {
  margin: 0;
  font-family: 'Inter', 'Lato', sans-serif;
  background-color: var(--color-bg-white);
  color: var(--color-text-secondary);
}

* {
  box-sizing: border-box;
}

.page-container {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-text-primary);
}