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

  /* colors */

  --color_secondary: #FFC300; /*orange*/

  --black: #000;
  --white: #FFFFFF;
  --gray: #A1A1A1;

  --dark_red: #6f1c1c;
  /* cambiare nome ovunque, non è così chiaro  */
  --gray_dark: #323232;

  --gray_light: #5F5F5F;

  --gray_text: #969EAB;

    --light: rgba(249, 250, 251, 1);

  /* fonts */
  --serif: 'Cormorant';
  --sans-serif: 'Inter';
}



.btn {
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-family: var(--sans-serif);
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 0;
    --bs-btn-box-shadow: inset 0 1px 0 transparent;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem transparent;
    letter-spacing: 1px;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-transform: uppercase;
}


.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--white);
    --bs-btn-hover-color: var(--black);
    --bs-btn-hover-bg: var(--white);
    --bs-btn-hover-border-color: var(--white);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--black);
    --bs-btn-active-bg: var(--white);
    --bs-btn-active-border-color: var(--white);
    --bs-btn-active-shadow: inset 0 3px 5px transparent;
    --bs-btn-disabled-color: var(--white);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--white);
}

.btn-secondary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--black);
    --bs-btn-border-color: var(--black);
    --bs-btn-hover-color: var(--black);
    --bs-btn-hover-bg: var(--white);
    --bs-btn-hover-border-color:var(--white);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--black);
    --bs-btn-active-bg: var(--white);
    --bs-btn-active-border-color:var(--white);
    --bs-btn-active-shadow: inset 0 3px 5px transparent;
    --bs-btn-disabled-color:var(--white);
    --bs-btn-disabled-bg: var(--black);
    --bs-btn-disabled-border-color: var(--black);
}

.btn-info {
    --bs-btn-color: var(--black);
    --bs-btn-bg: var(--white);
    --bs-btn-border-color: var(--black);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--black);
    --bs-btn-hover-border-color:var(--black);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--black);
    --bs-btn-active-bg: var(--white);
    --bs-btn-active-border-color:var(--black);
    --bs-btn-active-shadow: inset 0 3px 5px transparent;
    --bs-btn-disabled-color:var(--black);
    --bs-btn-disabled-bg: var(--white);
    --bs-btn-disabled-border-color: var(--black);
}


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

div#edit-actions .btn-primary {
    --bs-btn-color: var(--black);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--black);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--black);
    --bs-btn-hover-border-color: var(--black);
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--white);
    --bs-btn-active-bg: var(--black);
    --bs-btn-active-border-color: var(--black);
    --bs-btn-active-shadow: inset 0 3px 5px transparent;
    --bs-btn-disabled-color: var(--black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--black);
}