:root {
  --primary-color: #1e73be;
  --secondary-color: #d4a017;
  --background-color: #ffffff;
  --text-color: #333333;
  --text-light: #777777;
  --hover-color: #155a96;
  --border-color: #e5e5e5;
  --surface: #f7f9fc;
  --surface-2: #eef4fb;
  --dark: #0f1720;
  --dark-soft: #14304b;
  --shadow: 0 18px 48px rgba(15, 23, 32, 0.08);
  --shadow-hover: 0 24px 56px rgba(15, 23, 32, 0.14);
  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 14px;
  --container: 1240px;
}



