:root {
  --font-main: "Font-Main";
  --font-action: "Font-Action";
  --scale: 1;
  --brand-1: #293F58;
  --brand-2: #B8C8D4;
  --brand-3: #24AAE1;
  --brand-4: #B8C8D4;
  --brand-5: #748DA6;
  --brand-6: #000000;
  --brand-7: #B8C8D4;
  --brand-8: #FFFFFF;
}

@font-face {
  font-family: "Font-Main";
  src: url("../fonts/Inter-Regular.woff2");
  font-display: fallback;
}

@font-face {
  font-family: "Font-Main";
  src: url("../fonts/Inter-Bold.woff2");
  font-weight: bold;
  font-display: fallback;
}

@font-face {
  font-family: "Font-Action";
  src: url("../fonts/Inter-Black.woff2");
  font-display: fallback;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-main), Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: white;
}

@media (prefers-reduced-motion) {
!important
}

[contenteditable]:empty:before {
  content: attr(data-placeholder);
  color: #888;
  font-style: italic;
}