:root {
  /* div */
  --containerValue: 100%;
  --negativeMarginX: -0.75rem;
  --basePadding: 1.5rem;

  /* colors */
  --color_main: #e05a00; /*Arancione - PROVVISORIO*/
  --color_secondary: #ffe300; /*yellow - PROVVISORIO */

  --color_main_dark: #c04e00;  /*Arancione scuro - hover */
  --color2: #565AA6;  /*viola - PROVVISORIO*/
  --color3: #0511F2;  /*blu - PROVVISORIO*/



  --black: #0D0D0D;
  --white: #FFFFFF;
  --grey: #999999;
  --grey_dark: #666;
  --grey_light: #EEEEEE;

  /* fonts */
  --serif: 'Times New Roman';
  --sans-serif: 'Roboto';
}


/* ===== BTN base: forma comune a tutti i bottoni ===== */
.btn {
  --bs-btn-border-radius: 2rem;
  --bs-btn-padding-x: 1.8rem;
  --bs-btn-padding-y: 0.6rem;
  --bs-btn-font-size: 0.8rem;
  --bs-btn-font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ===== BTN PRIMARY: colori custom ===== */
.btn-primary {
  background-color: var(--color_main);
  border-color: var(--color_main);
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--color_main);
  --bs-btn-border-color: var(--color_main);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--color_main_dark);
  --bs-btn-hover-border-color: var(--color_main_dark);
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--color_main_dark);
  --bs-btn-active-border-color: var(--color_main_dark);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--color_main);
  --bs-btn-disabled-border-color: var(--color_main);
  --bs-btn-focus-shadow-rgb: 224, 90, 0; /* <-- il tuo rgb arancione, sostituiscilo */
  transition: all 0.3s linear;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--color_main_dark);
}

@media screen and (min-width: 1400px) {
  :root {
    --containerValue: calc(1320px - var(--basePadding));
    --negativeMarginX: calc((var(--viewportWidth) - var(--containerValue)) / -2);
  }
}