:root {
  --cnd-primary: #030081;
  --cnd-primary-hover: #02005F;
  --cnd-navy: #010045;

  --cnd-action: #F5A524;
  --cnd-action-hover: #d9891a;

  --cnd-white: #ffffff;
  --cnd-off-white: #f8faff;
  --cnd-light-blue: #eef3ff;

  --cnd-text: #111827;
  --cnd-text-soft: #4b5563;
  --cnd-text-muted: #6b7280;

  --cnd-border: rgba(3, 0, 129, 0.12);

  --cnd-container: 1200px;

  --cnd-radius-sm: 8px;
  --cnd-radius-md: 12px;
  --cnd-radius-lg: 16px;
  --cnd-radius-xl: 24px;
  --cnd-radius-full: 999px;

  --cnd-shadow-sm: 0 2px 8px rgba(3, 0, 129, 0.06);
  --cnd-shadow-md: 0 8px 24px rgba(3, 0, 129, 0.10);
  --cnd-shadow-lg: 0 18px 50px rgba(3, 0, 129, 0.16);

  --cnd-section-padding: clamp(64px, 8vw, 112px);
  --cnd-section-padding-sm: clamp(48px, 6vw, 80px);
}