:root {
  --color-primary: #0057ff;
  --color-primary-hover: #0045d4;
  --color-primary-soft: #eaf3ff;

  --color-dark: #101b2d;
  --color-text: #182433;
  --color-muted: #5e6778;

  --color-white: #ffffff;
  --color-bg: #ffffff;
  --color-bg-soft: #f7f9fc;

  --color-border: #e7edf5;

  --shadow-soft: 0 16px 40px rgba(15, 38, 76, 0.08);
  --shadow-medium: 0 22px 60px rgba(15, 38, 76, 0.14);
  --shadow-blue: 0 18px 40px rgba(0, 87, 255, 0.24);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;

  --container: 1280px;

  --font-main: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --transition-fast: 0.25s ease;
  --transition-normal: 0.45s ease;
}