:root {
  /* Fonts */
  --font-main: "Bodoni Moda", serif;
  --font-secondary: "Source Serif 4", serif;
  --font-buttons: "Plus Jakarta Sans", serif;
  --font-menu: "Plus Jakarta Sans", serif;
  --font-base-size: 16px;
  --font-base-line-height: calc(var(--font-base-size) * 1.5);
  --font-base-line-height: calc(var(--font-base-size) * 1.35);
  /* Backgrounds */
  --color-background: #F4FAFF;

  /* Default Colors */
  --color-main: #1F2738;
  --color-main-rgb: rgb(31, 39, 56);
  --color-main-op025: rgba(31, 39, 56, .025);
  --color-main-op05: rgba(31, 39, 56, .05);
  --color-main-op075: rgba(31, 39, 56, .075);
  --color-main-op1: rgba(31, 39, 56, .1);
  --color-main-op2: rgba(31, 39, 56, .2);
  --color-main-op3: rgba(31, 39, 56, .3);
  --color-main-op4: rgba(31, 39, 56, .4);
  --color-main-op5: rgba(31, 39, 56, .5);
  --color-main-op6: rgba(31, 39, 56, .6);
  --color-main-op7: rgba(31, 39, 56, .7);
  --color-main-op75: rgba(31, 39, 56, .75);
  --color-main-op8: rgba(31, 39, 56, .8);
  --color-main-op9: rgba(31, 39, 56, .9);
  --color-secondary: #33405C;
  --color-secondary-rgb: rgb(51, 64, 92);
  --color-secondary-op025: rgba(51, 64, 92, .025);
  --color-secondary-op05: rgba(51, 64, 92, .05);
  --color-secondary-op075: rgba(51, 64, 92, .075);
  --color-secondary-op1: rgba(51, 64, 92, .1);
  --color-secondary-op2: rgba(51, 64, 92, .2);
  --color-secondary-op3: rgba(51, 64, 92, .3);
  --color-secondary-op4: rgba(51, 64, 92, .4);
  --color-secondary-op5: rgba(51, 64, 92, .5);
  --color-secondary-op6: rgba(51, 64, 92, .6);
  --color-secondary-op7: rgba(51, 64, 92, .7);
  --color-secondary-op75: rgba(51, 64, 92, .75);
  --color-secondary-op8: rgba(51, 64, 92, .8);
  --color-secondary-op9: rgba(51, 64, 92, .9);
  --color-accent: #FF7BAC;
  --color-accent-darker: #EA6998;
  --color-accent-rgb: rgb(255, 123, 172);
  --color-accent-op025: rgba(255, 123, 172, .025);
  --color-accent-op05: rgba(255, 123, 172, .05);
  --color-accent-op075: rgba(255, 123, 172, .075);
  --color-accent-op1: rgba(255, 123, 172, .1);
  --color-accent-op2: rgba(255, 123, 172, .2);
  --color-accent-op3: rgba(255, 123, 172, .3);
  --color-accent-op4: rgba(255, 123, 172, .4);
  --color-accent-op5: rgba(255, 123, 172, .5);
  --color-accent-op6: rgba(255, 123, 172, .6);
  --color-accent-op7: rgba(255, 123, 172, .7);
  --color-accent-op8: rgba(255, 123, 172, .8);
  --color-accent-op9: rgba(255, 123, 172, .9);
  --color-tertiary: #6FB1E1;
  --color-border: #EAEBEE;

  /* Buttons */
  --color-button-main-text: #FFFFFF;
  --color-button-main-text-hover: #FFFFFF;
  --color-button-main-bg: var(--color-main);
  --color-button-main-bg-hover: var(--color-main-op8);
  --color-button-secondary-text: var(--color-main);
  --color-button-secondary-text-hover: var(--color-main);
  --color-button-secondary-bg: var(--color-accent);
  --color-button-secondary-bg-hover: var(--color-accent-op8);

  /* Standard colors */
  --color-white: rgba(255, 255, 255, 1);
  --color-white-op1: rgba(255, 255, 255, 0.1);
  --color-white-op2: rgba(255, 255, 255, 0.2);
  --color-white-op3: rgba(255, 255, 255, 0.3);
  --color-white-op4: rgba(255, 255, 255, 0.4);
  --color-white-op5: rgba(255, 255, 255, 0.5);
  --color-white-op6: rgba(255, 255, 255, 0.6);
  --color-white-op7: rgba(255, 255, 255, 0.7);
  --color-white-op8: rgba(255, 255, 255, 0.8);
  --color-white-op9: rgba(255, 255, 255, 0.9);

  /* Logos */
  --logo-header-height-desktop: 45px;
  --logo-header-height-mobile: 45px;
  --logo-mobile-menu-height: 45px;
  --logo-footer-height-desktop: 45px;
  --logo-footer-height-mobile: 45px;
  /*  Widths  */
  --theme-max-width: 1320px;
  
  /* Titles */
  --title-size-mobile: calc(var(--font-base-size) * 2.75);
  --title-size-desktop: calc(var(--font-base-size) * 3.5);

  /* Header */
  --header-width: var(--theme-max-width);
  --header-height: 60px;
  --header-height-desktop: 90px;
  --header-height-mobile: 60px;
  --header-menu-align: center;
  --header-logo-height-desktop: 40px;
  --header-logo-height-mobile: 30px;

  /* Margins and paddings */
  --section-content-margin: calc(-0.75 * var(--font-base-size));
  --section-content-padding: calc(var(--font-base-size) * 0.75);

  /* Images */
  --theme-image-position-horizontal: center;
  --theme-image-position-vertical: center;
  --theme-image-overlay-black: var(--color-background-black);
  --theme-image-overlay-white: var(--color-background-white);
  --theme-image-overlay-blue: var(--color-background-blue);
  --theme-image-overlay-opacity-10: 0.1;
  --theme-image-overlay-opacity-20: 0.2;
  --theme-image-overlay-opacity-30: 0.3;
  --theme-image-overlay-opacity-40: 0.4;
  --theme-image-overlay-opacity-50: 0.5;
  --theme-image-overlay-opacity-60: 0.6;
  --theme-image-overlay-opacity-70: 0.7;
  --theme-image-overlay-opacity-80: 0.8;
  --theme-image-overlay-opacity-90: 0.9;
  --theme-image-overlay-opacity-100: 1;

  /* Aspect ratios */
  --aspect-ratio-landscape: 16 / 9;
  --aspect-ratio-portrait: 3 / 4;
  --aspect-ratio-rectangular: 4 / 3;
  --aspect-ratio-square: 1 / 1;

  /*  Transitions  */
  --theme-transition-general:  all 0.25s ease-in-out;
}

/* [data-pack="main"] {
  --color-background: var(--color-background);
  --color-main: var(--color-main);
  --color-main-op1: var(--color-main-op1);
  --color-main-op2: var(--color-main-op2);
  --color-main-op3: var(--color-main-op3);
  --color-main-op4: var(--color-main-op4);
  --color-main-op5: var(--color-main-op5);
  --color-main-op6: var(--color-main-op6);
  --color-main-op7: var(--color-main-op7);
  --color-main-op8: var(--color-main-op8);
  --color-main-op9: var(--color-main-op9);
  --color-secondary: var(--color-main-op8);
  --color-accent: var(--color-accent);
  --color-border: var(--color-border);
} */