:root {
  /* Main colors*/
  --white: #FFFFFF;
  --black: #080808;
  --text-color: #434952;
  --main-green: #A6C544;
  --main-green-hov: #8fab28;
  --main-blue: #071E3F;
  --dark-blue: #0A2540;
  --light-blue-1: #F5F9FC;
  --border-color: #e0e5eb;

  --label-text-color: #030D1C;

  /* Secondary colors */
  --violet: #8237BC;
  --light-violet: #F3F0F9;
  --strong-violet: #6303C9;
  --light-blue-2: #e1efff;
  --vivid-blue: #1596E6;
  --secondary-green: #9BCB3C;
  --light-yellow: #F8EFE5;
  --bright-yellow: #F5C998;
  --vivid-orange: #FE7F8B;
  --light-orange: #FFE8EA;
  --facebook: #3b5998;
  --twitter: #000000;
  --linkedin: #0a66c2;

  /* Brand 2026 - Colors */
  --b26-color-white: #FFFFFF;
  --b26-color-bright: #FCFAF9;
  --b26-color-onyx: #0B0B09;
  --b26-color-carbon: #20221B;
  --b26-color-green: #9FCC2E;
  --b26-color-green-light: #B5D959;

  --b26-color-button-main-text: var(--b26-color-onyx);
  --b26-color-button-main-text-hover: var(--b26-color-carbon);
  --b26-color-button-main-bg: var(--b26-color-green);
  --b26-color-button-main-bg-hover: var(--b26-color-green-light);
  --b26-color-button-secondary-text: var(--b26-color-bright);
  --b26-color-button-secondary-text-hover: var(--b26-color-white);
  --b26-color-button-secondary-bg: var(--b26-color-carbon);
  --b26-color-button-secondary-bg-hover: var(--b26-color-onyx);

  /* Brand 2026 - Fonts */
  --b26-font-main: "Albert Sans", sans-serif;
  --b26-font-secondary: "DM Sans", sans-serif;
  --b26-font-button: "Albert Sans", sans-serif;

  /* Brand 2026 - New measures */
  --b26-base-size: 16px;
  --b26-padding: calc(var(--b26-base-size) * 0.75);
  --b26-margin: calc(-0.75 * var(--b26-base-size));
  --b26-container-width: 1320px;

  /* Brand 2026 - Sections */
  --b26-page-section-padding: calc(var(--b26-padding) * 3);

  /* Brand 2026 - Transitions */
  --b26-transition: all 0.25 ease-in-out;
  --b26-transition-button: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

[data-bundle-color="white"] {
  --b26-color-border: color-mix(in srgb, var(--b26-color-carbon) 10%, transparent);

  background: var(--b26-color-white);
  color: var(--b26-color-carbon);

  & :is(h1, h2, h3, h4, h5, h6) {
    color: var(--b26-color-onyx) !important;
  }

  & :is(p, li, .list-group-item) {
    color: var(--b26-color-carbon) !important;
  }
}

[data-bundle-color="bright"] {
  --b26-color-border: color-mix(in srgb, var(--b26-color-carbon) 10%, transparent);

  background: var(--b26-color-bright);
  color: var(--b26-color-carbon);

  & :is(h1, h2, h3, h4, h5, h6) {
    color: var(--b26-color-onyx) !important;
  }

  & :is(p, li, .list-group-item) {
    color: var(--b26-color-carbon) !important;
  }
}

[data-bundle-color="onyx"] {
  --b26-color-border: color-mix(in srgb, var(--b26-color-bright) 10%, transparent);

  background: var(--b26-color-onyx);
  color: var(--b26-color-bright);

  & :is(h1, h2, h3, h4, h5, h6) {
    color: var(--b26-color-white) !important;
  }

  & :is(p, li, .list-group-item) {
    color: var(--b26-color-bright) !important;
  }
}

[data-bundle-color="carbon"] {
  --b26-color-border: color-mix(in srgb, var(--b26-color-bright) 10%, transparent);

  background: var(--b26-color-carbon);
  color: var(--b26-color-bright);

  & :is(h1, h2, h3, h4, h5, h6) {
    color: var(--b26-color-white) !important;
  }

  & :is(p, li, .list-group-item) {
    color: var(--b26-color-bright) !important;
  }
}

[data-bundle-color="green"] {
  background: var(--b26-color-green);
  color: var(--b26-color-carbon);

  & :is(h1, h2, h3, h4, h5, h6) {
    color: var(--b26-color-onyx) !important;
  }

  & :is(p, li, .list-group-item) {
    color: var(--b26-color-carbon) !important;
  }
}