:root {
  --color-primary: #48c5f3;
  --color-primary-dark: #0a2d69;
  --color-primary-deep: #092453;
  --color-accent-soft: #dff7ff;

  --color-white: #ffffff;
  --color-black: #0c1524;
  --color-text: #28405e;
  --color-text-soft: #6f8199;
  --color-border: rgba(10, 45, 105, 0.08);

  --bg-body: #f3f6f9;
  --bg-white: #ffffff;
  --bg-light: #f6f8fb;
  --bg-soft: #edf3f8;

  --gradient-hero: linear-gradient(135deg, rgba(10,45,105,0.98) 0%, rgba(10,45,105,0.92) 50%, rgba(72,197,243,0.22) 100%);
  --gradient-button: linear-gradient(135deg, #48c5f3 0%, #67d1f7 100%);

  --shadow-xs: 0 8px 20px rgba(10, 45, 105, 0.05);
  --shadow-sm: 0 16px 40px rgba(10, 45, 105, 0.07);
  --shadow-md: 0 20px 60px rgba(10, 45, 105, 0.10);
  --shadow-lg: 0 28px 80px rgba(10, 45, 105, 0.14);

  --radius-xs: 12px;
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-pill: 999px;

  --container-max: 1280px;
  --container-wide-max: 1440px;
  --container-fluid: 85vw;

  --font-base: "Manrope", sans-serif;

  --transition-fast: 0.25s ease;
  --transition-normal: 0.4s ease;
  --transition-slow: 0.7s ease;

  --header-height: 92px;
}