:root {
  --cnp-primary: #0057e7;
  --cnp-primary-dark: #003fa8;
  --cnp-primary-soft: #eaf4ff;

  --cnp-heading: #07142f;
  --cnp-text: #33415c;
  --cnp-muted: #66758c;

  --cnp-bg: #f7fbff;
  --cnp-white: #ffffff;
  --cnp-border: rgba(0, 87, 231, 0.14);

  --cnp-radius-sm: 12px;
  --cnp-radius-md: 18px;
  --cnp-radius-lg: 28px;

  --cnp-shadow-soft: 0 18px 40px rgba(7, 20, 47, 0.08);
  --cnp-shadow-strong: 0 30px 80px rgba(7, 20, 47, 0.13);

  --cnp-gradient-primary: linear-gradient(135deg, #0057e7 0%, #003fa8 100%);
  --cnp-gradient-light: linear-gradient(135deg, #f7fbff 0%, #eaf4ff 45%, #ffffff 100%);
}

body {
  color: var(--cnp-text);
}

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