:root {
    --color-scheme: light dark;
    --primary: #0A1F44;
    --secondary: #22D3EE;
    --accent: #CBD5E1;
    --accent-static: #CBD5E1;
    --accent-darker: #98A0A9;
    --accent-lighter: #F9FAFB;
    --accent-lighter-10: #E0E1E1;
    --secondary-accent: #475569;
    --text-color: #051633;
    --secondary-text-color: #24334D;
    --half-trans: #00000080;
    --threefour-trans: #000000bf;
    --logo: url(../img/logo_text.svg);
    --text: url(../img/text.svg);
    --background: url(../img/banner_ll.webp);
    --icons: url(../img/icons.svg);
    --spacing: 1rem;
    --big-spacing: 4.5rem;
    --medium-spacing: 0.8rem;
    --small-spacing: 0.5rem;
    --small-font: 0.8rem;
    --medium-font: 1rem;
    --bigger-font: 1.2rem;
    --biggest-font: 1.5rem;
    --double-font: 3rem;
    --item-size: 0.5rem;
    --item-size-xs: 0.15rem;
    --item-size-s: 0.3rem;
    --item-size-small: 2rem;
    --item-size-medium-s: 3rem;
    --item-size-medium: 4.5rem;
    --item-size-medium-x: 10rem;
    --item-size-big: 25rem;
    --strong-opacity: 0.3;
    --big-guy-height: 35vh;
    --weight: 500;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-scheme: dark light;
    --primary: #0A1F44;
    --secondary: #178FA2;
    --accent: #1B1C1E;
    --accent-darker: #DDE8F6;
    --accent-lighter: #040404;
    --accent-lighter-10: #515151;
    --secondary-accent: #657996;
    --text-color: #FFFEFB;
    --secondary-text-color: #5376B2;
    --logo: url(../img/logo_text_dark.svg);
    --text: url(../img/text_dark.svg);
    --background: url(../img/banner_dark_ll.webp);
    --icons: url(../img/icons_dark.svg);
  }
}