:root,
[data-bs-theme="default-theme"] {
  /* Theme Classes */
  --theme-bg: black;

  /* BS Main Colors */
  --bs-primary: #005EB8;
  --bs-secondary: #E9E8E5;
  --bs-tertiary: #E50024;
  --bs-body-bg: #FFF;
  --bs-body-color: #002663;

  /* Override Link-Colors */
  --bs-nav-link-color: var(--bs-primary);
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-body-color);

  /* Font Setting */
  --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
 
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 
  
  
  .footer {
    --theme-bg: var(--bs-body-color);
    --bs-link-color: var(--bs-white);
    --bs-link-hover-color: var(--bs-tertiary);
  }
    
  .navbar {
    --theme-bg: transparent;
  }

  .navbar-nav {
    --bs-nav-link-color: var(--bs-primary); 
    --bs-nav-link-hover-color: var(--bs-tertiary);
    --bs-navbar-active-color: var(--bs-tertiary);
  }
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 15%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 15%, #000);
  
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 15%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 15%, #000);
  
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);    
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-primary);
  
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);

  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);

  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
}  

.btn-secondary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);

  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 15%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 15%, #000);
  
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 15%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary) 15%, #000);
  
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);    
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-gradient: none;
}