:root {
  --cst-navy-900: #0B2E59;
  --cst-navy-800: #102F56;
  --cst-navy-700: #17375E;
  --cst-blue-600: #175CD3;
  --cst-blue-100: #EAF2FF;
  --cst-orange-600: #E96F0B;
  --cst-orange-500: #F97316;
  --cst-orange-100: #FFF3E8;

  --cst-text-heading: var(--cst-navy-900);
  --cst-text-strong: #1D2939;
  --cst-text-body: #475467;
  --cst-text-muted: #667085;

  --cst-white: #FFFFFF;
  --cst-bg-soft: #F8FAFC;
  --cst-bg-muted: #F2F4F7;
  --cst-border: #E4E7EC;
  --cst-border-strong: #D0D5DD;

  --cst-success: #067647;
  --cst-warning: #B54708;
  --cst-danger: #B42318;

  --cst-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --cst-body-size: 16px;

  --cst-radius-sm: 6px;
  --cst-radius-md: 10px;
  --cst-radius-lg: 16px;
  --cst-radius-xl: 22px;

  --cst-shadow-sm: 0 1px 3px rgba(16,24,40,.08);
  --cst-shadow-md: 0 6px 20px rgba(16,24,40,.08);
  --cst-shadow-lg: 0 16px 40px rgba(16,24,40,.12);

  --cst-space-1: 4px;
  --cst-space-2: 8px;
  --cst-space-3: 12px;
  --cst-space-4: 16px;
  --cst-space-5: 20px;
  --cst-space-6: 24px;
  --cst-space-8: 32px;
  --cst-space-10: 40px;
  --cst-space-12: 48px;
  --cst-space-16: 64px;
  --cst-space-20: 80px;
  --cst-section-space: 72px;
}