:root {
  --clvr-success: #0ec18f;
  --clvr-error: #f44336;
  --clvr-warning: #ff9800;
  --clvr-info: #2196f3;
  --clvr-border: #bfcbde;
  --clvr-border-light: #e2e8f0;
  --clvr-weight-normal: 400;
  --clvr-weight-semibold: 600;
  --clvr-weight-bold: 700;
  --clvr-radius: 8px;
  --clvr-radius-sm: 4px;
  --clvr-radius-pill: 9999px;
  --clvr-shadow: 0 1px 3px rgba(12, 20, 42, 0.08), 0 4px 12px rgba(12, 20, 42, 0.06);
  --clvr-shadow-lg: 0 4px 8px rgba(12, 20, 42, 0.08), 0 12px 32px rgba(12, 20, 42, 0.10);
  --clvr-transition: 200ms ease;
  --clvr-content-width: 810px;
  --clvr-wide-width: 1144px;
  --clvr-sp-1: 0.25rem;
  --clvr-sp-2: 0.5rem;
  --clvr-sp-3: 0.75rem;
  --clvr-sp-4: 1rem;
  --clvr-sp-6: 1.5rem;
  --clvr-sp-8: 2rem;
  --clvr-sp-10: 2.5rem;
  --clvr-sp-12: 3rem;
  --clvr-sp-16: 4rem;
}

:root {
  --clvr-blue: #202e5b;
  --clvr-blue-dark: #122448;
  --clvr-orange: #3878ff;
  --clvr-orange-dark: #2f65d6;
  --clvr-on-accent: #ffffff;
  --clvr-btn-radius: var(--clvr-radius-sm);
  --clvr-text: #22293b;
  --clvr-text-secondary: #4b698b;
  --clvr-text-muted: #86a5c6;
  --clvr-text-light: #bfcbde;
  --clvr-text-inverse: #ffffff;
  --clvr-bg: #ffffff;
  --clvr-bg-subtle: #f5f8fc;
  --clvr-bg-muted: #f3f5f9;
  --clvr-bg-tint: #f0f5fa;
  --clvr-bg-neutral: #f0f0f0;
  --clvr-link: #3878ff;
  --clvr-link-hover: #598eff;
  --clvr-font: "Poppins", arial, sans-serif;
  --clvr-font-heading: "Poppins", arial, sans-serif;
}