:root {
  --bp-green: #00bf63;
  --bp-green-hover: #00a656;
  --bp-green-soft: #5ef7a5;
  --bp-green-tint: rgba(0, 191, 99, 0.1);
  --bp-green-glow: rgba(0, 191, 99, 0.22);
  --bp-black: #000000;
  --bp-white: #ffffff;

  --bp-bg: #f5f7f9;
  --bp-bg-soft: #fafbfc;
  --bp-bg-elevated: #ffffff;
  --bp-text: #1a1d21;
  --bp-text-muted: #5c6570;
  --bp-border: rgba(0, 0, 0, 0.06);
  --bp-border-soft: rgba(255, 255, 255, 0.65);

  --bp-whatsapp: #25d366;
  --bp-whatsapp-dark: #128c7e;

  --bp-font: "Poppins", system-ui, -apple-system, sans-serif;

  --bp-radius-sm: 12px;
  --bp-radius: 16px;
  --bp-radius-lg: 24px;
  --bp-radius-xl: 28px;
  --bp-radius-pill: 999px;

  --bp-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.04);
  --bp-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
  --bp-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.08);
  --bp-shadow-green: 0 8px 24px rgba(0, 191, 99, 0.22);

  --bp-pad-x: 20px;
  --bp-pad-section: 72px;
  --bp-header-h: 68px;
  --bp-max: 1080px;
  --bp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --bp-transition: 0.22s var(--bp-ease);

  --bp-glass-bg: rgba(255, 255, 255, 0.55);
  --bp-glass-border: rgba(255, 255, 255, 0.7);
  --bp-glass-blur: 22px;
}

@media (min-width: 768px) {
  :root {
    --bp-pad-x: 32px;
    --bp-pad-section: 96px;
  }
}