:root {
  /* Brand Colors */
  --dxp-g-brand: #025999;
  --dxp-g-brand-1: #003a62;
  --dxp-g-brand-2: #1589ee;
  --dxp-g-brand-3: #1c4879;
  --dxp-g-brand-contrast: white;
  --dxp-g-brand-contrast-1: white;
  --dxp-g-brand-contrast-2: #0c7cce;
  --dxp-g-brand-contrast-3: white;

  /* Button Colors */
  --dxp-s-button-color: #025999;
  --dxp-s-button-border-color: #025999;
  --dxp-s-button-color-contrast: white;
  --dxp-s-button-color-hover: #003a62;
  --dxp-s-button-border-color-hover: #003a62;
  --dxp-s-button-color-hover-contrast: white;
  --dxp-s-button-color-focus: #1c4879;
  --dxp-s-button-border-color-focus: #1c4879;
  --dxp-s-button-color-focus-contrast: white;

  /* Text Colors */
  --dxp-s-text-heading-extra-large-color: #025999;
  --dxp-s-text-heading-large-color: #003a62;
  --dxp-s-text-heading-medium-color: #1589ee;
  --dxp-s-text-heading-small-color: #1c4879;
  --dxp-s-body-text-color: #181818;
  --dxp-s-body-small-text-color: #5c5c5c;

  /* Link Colors */
  --dxp-s-link-text-color: #0070d2;
  --dxp-s-link-text-color-hover: #003a62;

  /* Form Colors */
  --dxp-s-form-element-label-color: #025999;
  --dxp-s-form-element-placeholder-text-color: #747474;
  --dxp-s-form-element-text-color: #181818;
  --dxp-s-form-element-text-color-focus: #025999;
  --dxp-s-form-element-color-background: white;
  --dxp-s-form-element-color-background-active: #f3f3f3;
  --dxp-s-form-element-color-border: #ddd;
  --dxp-s-form-element-color-border-focus: #025999;

  /* Notification Colors */
  --dxp-s-notification-background: brown;

  /* Additional Background Color */
  --dxp-s-custom-background-color: #f6f9ff; /* Added */
}