// ./src/styles/variables.less
@import '~antd/lib/style/themes/default.less'; // <-- you need to import antd variables once in your project

.transition-config() {
  transition: all 300ms ease-out;
}

// Paleta de colores
@principal-color: #142d4c;
@donate-color: #56CA00;
@principal-transparent-color: #ccd9f8;
@on-accent-color: #ffd900;
@white: #fff;

// Ajustes ANTD
@layout-header-background: @principal-color;

// Heigth
@menu-height: 64px;

:root {
  --paddings-container: 6.67%;

  @media screen and (min-width: @screen-xl) {
    --paddings-container: 8.33%;
  }
  @media screen and (min-width: @screen-xxl) {
    --paddings-container: 0;
  }
}

@paddings-container: var(--paddings-container);
@content--max-width: 1334px;