:root {
  --sfor-color-dark: #191919;
  --sfor-color-dark-rgb: rgb(25 25 25);
  --sfor-color-dark-hsl: hsl(0, 0%, 10%);
  --sfor-color-darker: hsl(0, 0%, 5%);
  --sfor-color-darkest: hsl(0, 0%, 0%);
  --sfor-color-white: #fff;
  --sfor-color-light-gray: #f1f1f1;
  --sfor-color-medium-gray: #dedede;
  --sfor-color-teal-primary: #048b7b;
  --sfo-teal-primary: #0099a8;
  --sfo-teal-secondary: #dbf3f2;
  --sfor-color-teal-bright: #00afc8;
  --sfor-color-teal-light: #04e5cb;
  --sfor-teal: #7fffd4;
  --sfor-teal-hsl: hsl(160, 100%, 75%);
  --sfor-teal-hsl-darker: hsl(160, 100%, 60%);
  --sfor-color-teal-pale-hsl: hsl(177, 51%, 91%);
  --sfor-color-teal-shade: #40e0d0;
  --sfor-color-secondary-yellow: #ffdd44;
  --sfor-navbar-secondary-dark: #bf9f10;
  --sfor-color-secondary-yellowlight: #fdf8e2;
  --sfor-color-secondary-yellow-shade: #edcd44;
  --sfor-color-tertiary: rgb(220 62 38);
  --sfor-primary-hover: rgb(176 30 89);
	--sfor-dark-color: #1b1b1b;
  --sfor-light-color: #ebebeb;
  --sfor-light-grey: #d9d9d9;
  --bs-btn-font-weight: 400;
  --btn-bg-color: #000;
  --btn-text-color: #fff;
  --btn-border-color: #fff;
  --btn-hover-bg-color: #fff;
  --btn-hover-text-color: #191919;
  --btn-padding: 0.375rem 0.75rem;
  --btn-font-size: 1rem;
  --btn-border-radius: 0.25rem;
  --btn-transition-duration: 0.3s;

  /* Font family variables */
  --prime-font-family: Lato, "Helvetica Neue", Arial, "Open Sans", Verdana, sans-serif;
  --prime-font-family-headings: var(--prime-font-family);

  /* Base sizes */
  --prime-font-size-base: 1.125rem;
  --prime-line-height-base: 1.5;
  /* Font weights */
  --prime-font-weight-light: 300;
  --prime-font-weight-normal: 400;
  --prime-font-weight-bold: 700;
  --prime-font-weight-black: 900;

  /* Line heights */
  --prime-line-height-heading: 1.2;
  --prime-line-height-display: 1.1;

  /* Text colors */
  --prime-color-text: #000;
  --prime-color-heading: #000;
  --prime-color-link: #0056b3; /* Cobalt */
  --prime-color-link-hover: #003384; /* 75% cobalt */
}


/* Primary Button Customization */
.btn-primary {
  --sfor-btn-bg-color: var(--sfor-color-dark);
  --sfor-btn-text-color: var(--sfor-color-white);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: #222;
  --sfor-btn-hover-text-color: var(--sfor-color-white);
  --sfor-btn-hover-border-color: #222;
  --sfor-btn-active-bg-color: var(--sfor-color-darker);
  --sfor-btn-active-border-color: var(--sfor-color-darker);
}

/* Secondary Button Customization */
.btn-secondary {
  --sfor-btn-bg-color: var(--sfor-color-white);
  --sfor-btn-text-color: var(--sfor-color-dark);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: var(--sfor-color-medium-gray);
  --sfor-btn-hover-text-color: var(--sfor-color-dark);
  --sfor-btn-hover-border-color: var(--sfor-color-dark);
}


/* Outline Buttons */
.btn-outline {
  --sfor-btn-hover-border-color: var(--sfor-color-dark);
}

.btn-outline-primary {
  --sfor-btn-bg-color: transparent;
  --sfor-btn-text-color: var(--sfor-color-dark);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: var(--sfor-color-dark);
  --sfor-btn-hover-text-color: var(--sfor-color-white);
  --sfor-btn-hover-border-color: var(--sfor-color-dark);
}

.btn-outline-secondary {
  --sfor-btn-bg-color: transparent;
  --sfor-btn-text-color: var(--sfor-color-dark);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: var(--sfor-color-dark);
  --sfor-btn-hover-text-color: var(--sfor-color-white);
  --sfor-btn-hover-border-color: var(--sfor-color-dark);
}

.btn-outline-teal {
  --sfor-btn-bg-color: transparent;
  --sfor-btn-text-color: var(--sfor-color-teal-primary);
  --sfor-btn-border-color: var(--sfor-color-teal-primary);
  --sfor-btn-hover-bg-color: var(--sfor-color-teal-primary);
  --sfor-btn-hover-text-color: var(--sfor-color-white);
  --sfor-btn-hover-border-color: var(--sfor-color-teal-primary);
}

.btn-light {
  --sfor-btn-bg-color: #dbf3f2;
  --sfor-btn-text-color: var(--sfor-color-dark);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: var(--sfor-color-light-gray);
  --sfor-btn-hover-text-color: var(--sfor-color-dark);
}

.btn-dark {
  --sfor-btn-bg-color: var(--sfor-color-dark);
  --sfor-btn-text-color: var(--sfor-color-white);
  --sfor-btn-border-color: var(--sfor-color-dark);
  --sfor-btn-hover-bg-color: var(--sfor-color-darker);
  --sfor-btn-hover-text-color: var(--sfor-color-white);
}

.btn-dark-ko {
  --sfor-btn-bg-color: var(--sfor-color-dark);
  --sfor-btn-text-color: var(--sfor-color-white);
  --sfor-btn-border-color: #fff;
  --sfor-btn-hover-bg-color: var(--sfor-color-darker);
  --sfor-btn-hover-text-color: var(--sfor-color-white);
}

.btn-bootstrap-test-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet);
  --bs-btn-border-color: var(--bd-violet);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.accordian-sfor{
  --bs-accordion-color: var(--sfor-dark-color);
  --bs-accordion-bg: white;
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--sfor-light-grey);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: .375rem;
  --bs-accordion-inner-border-radius: calc(.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--sfor-dark-color);
  --bs-accordion-btn-bg: white;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: var(--sfor-secondary-glow);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgb(255 153 59 / 0.6);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--sfor-dark-color);
  --bs-accordion-active-bg: var(--sfor-secondary-hsl-color);
}


.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgb(235 235 235 / 0.55);
  --bs-navbar-hover-color: rgb(235 235 235 / 0.7);
  --bs-navbar-disabled-color: rgb(235 235 235 / 0.3);
  --bs-navbar-active-color: rgb(235 235 235 / 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgb(235 235 235 / 0.9);
  --bs-navbar-brand-hover-color: var(--sfor-secondary-color-rgb);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 155, 61, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: var(--sfor-navbar-toggler-color);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
}

/* Primary Button Customization */
.page-services-and-resources .btn-primary {
  --btn-bg-color: #000;
  --btn-text-color: #fff;
  --btn-border-color: #fff;
  --btn-hover-bg-color: #222;
}

/* Secondary Button Customization */
.page-node-sector_page .btn-secondary,
.page-services-and-resources .btn-secondary {
  --btn-bg-color: #fff;
  --btn-text-color: #191919;
  --btn-border-color: #191919;
  --btn-hover-bg-color: #d8d8d8;
}