:root {
  --bg-base: rgba(255, 255, 255, 1);
  --bg-brand-strong: rgba(48, 48, 146, 1);
  --bg-subtle: rgb(255, 255, 255);

  --border-base: rgba(15, 23, 42, 0.10);

  --text-brand: rgba(48, 48, 146, 1);
  --text-strong: rgba(0, 6, 38, 0.9);
  --text-weak: rgba(0, 9, 51, 0.65);

  /* Typography */
  --font-heading: Poppins, sans-serif;
  --font-body: Poppins, sans-serif;
  --line-height-base: 1.2;
  --font-size-base: 16px;
  --font-size-display: 62px;
  --font-size-h1: 49px;
  --font-size-h2: 40px;
  --font-size-h3: 32px;
  --font-size-h4: 25px;
  --font-size-lg: 20px;
  --font-size-sm: 16px;
  --font-size-xs: 13px;  
  --font-body: system-ui, -apple-system, Poppins, Roboto, Arial, sans-serif;
  --font-heading: system-ui, -apple-system, Poppins, Roboto, Arial, sans-serif;  
}