:root {
    --font-size: 16px;
    --font-family: 'Work Sans', sans-serif;
    --font-family-secondary: 'Barlow Semi Condensed', sans-serif;
    --breakpoint-fhd: 1920px;
    --breakpoint-wide: 1624px;
    --breakpoint-hdp: 1440px;
    --breakpoint-hd: 1300px;
    --breakpoint-narrow: 1080px;
    --header-max-height: 10rem;
    --footer-max-height: 20rem;
    --sidebar-min-size: 10rem;
    --sidebar-max-size: 30rem;
    --content-size: 3fr;
    --gap: 1rem;
    --color-on-background-1: rgba(226,226,233,2.55);
    --color-on-background-2: rgb(89,89,89);
    --color-on-background-3: rgb(89,89,89);
    --color-on-background-4: rgb(89,89,89);
    --color-background-1: rgba(17,19,24,2.55);
    --color-background-2: rgb(250,250,250);
    --color-background-3: rgb(250,250,250);
    --color-background-4: rgb(250,250,250);
    --color-outline-1: rgba(40,42,47,2.55);
    --color-outline-2: rgb(240,240,240);
    --color-outline-3: rgb(240,240,240);
    --color-outline-4: rgb(240,240,240);
    --color-primary-container-1: rgba(26,27,33,2.55);
    --color-primary-container-2: rgb(240,240,240);
    --color-primary-container-3: rgb(240,240,240);
    --color-primary-container-4: rgb(240,240,240);
    --color-on-primary-container-1: rgba(226,226,233,2.55);
    --color-on-primary-container-2: rgb(250,250,250);
    --color-on-primary-container-3: rgb(250,250,250);
    --color-on-primary-container-4: rgb(250,250,250);
    --color-primary-active-1: rgba(143,20,34,2.55);
    --color-primary-active-2: rgb(166,78,122);
    --color-primary-active-3: rgb(166,78,122);
    --color-primary-active-4: rgb(166,78,122);
    --color-primary-border-1: rgba(143,20,34,2.55);
    --color-primary-border-2: rgb(166,78,122);
    --color-primary-border-3: rgb(166,78,122);
    --color-primary-border-4: rgb(166,78,122);
    --color-primary-1: rgba(226,226,233,2.55);
    --color-primary-2: rgb(208,231,231);
    --color-primary-3: rgb(221,238,238);
    --color-primary-4: rgb(252,252,252);
    --color-primary-headline-bg-1: rgba(26,27,33,2.55);
    --color-primary-headline-bg-2: rgb(46,127,127);
    --color-primary-headline-bg-3: rgb(46,127,127);
    --color-primary-headline-bg-4: rgb(46,127,127);
    --color-on-primary-highlight-1: rgb(0,0,0);
    --color-on-primary-highlight-2: rgba(0,0,0,0.3);
    --color-on-primary-highlight-3: rgba(0,0,0,0.3);
    --color-on-primary-highlight-4: rgba(0,0,0,0.3);
    --color-primary-subtle-1: rgba(26,27,33,2.55);
    --color-primary-subtle-2: rgb(187,221,187);
    --color-primary-subtle-3: rgb(187,221,187);
    --color-primary-subtle-4: rgb(187,221,187);
    --color-primary-hover-1: rgba(233,195,73,2.55);
    --color-primary-hover-2: rgba(0,0,0,0.3);
    --color-primary-hover-3: rgba(0,0,0,0.3);
    --color-primary-hover-4: rgba(0,0,0,0.3);
    --color-surface-container-high-1: rgba(40,42,47,2.55);
    --color-surface-container-high-2: rgba(0,0,0,0.7);
    --color-surface-container-high-3: rgba(0,0,0,0.7);
    --color-surface-container-high-4: rgba(0,0,0,0.7);
    --color-text-primary-1: rgba(233,195,73,2.55);
    --color-text-primary-2: rgb(0,64,128);
    --color-text-primary-3: rgb(0,64,128);
    --color-text-primary-4: rgb(0,64,128);
    --color-secondary-1: rgba(242,232,233,2.55);
    --color-secondary-2: rgb(0,0,0);
    --color-secondary-3: rgb(0,0,0);
    --color-secondary-4: rgb(0,0,0);
    --color-secondary-container-1: rgba(143,20,34,2.55);
    --color-secondary-container-2: rgb(244,143,42);
    --color-secondary-container-3: rgb(244,143,42);
    --color-secondary-container-4: rgb(244,143,42);
    --color-on-secondary-container-1: rgba(255,255,255,2.55);
    --color-on-secondary-container-2: rgb(249,199,149);
    --color-on-secondary-container-3: rgb(252,227,202);
    --color-on-secondary-container-4: rgb(253,242,232);
    --color-secondary-subtle-1: rgba(143,20,34,2.55);
    --color-secondary-subtle-2: rgb(201,115,29);
    --color-secondary-subtle-3: rgb(201,115,29);
    --color-secondary-subtle-4: rgb(201,115,29);
    --color-secondary-hover-1: rgba(233,195,73,2.55);
    --color-secondary-hover-2: rgba(0,0,0,0.3);
    --color-secondary-hover-3: rgba(0,0,0,0.3);
    --color-secondary-hover-4: rgba(0,0,0,0.3);
    --color-on-secondary-1: rgba(255,255,255,2.55);
    --color-on-secondary-2: rgb(250,250,250);
    --color-on-secondary-3: rgb(250,250,250);
    --color-on-secondary-4: rgb(250,250,250);
    --color-secondary-active-1: rgba(167,25,43,2.55);
    --color-secondary-active-2: rgb(166,78,122);
    --color-secondary-active-3: rgb(166,78,122);
    --color-secondary-active-4: rgb(166,78,122);
    --color-secondary-border-1: rgba(167,25,43,2.55);
    --color-secondary-border-2: rgb(166,78,122);
    --color-secondary-border-3: rgb(166,78,122);
    --color-secondary-border-4: rgb(166,78,122);
    --color-tertiary-1: rgb(17,19,24);
    --color-tertiary-2: rgb(0,0,0);
    --color-tertiary-3: rgb(0,0,0);
    --color-tertiary-4: rgb(0,0,0);
    --color-tertiary-container-1: rgb(233,195,73);
    --color-tertiary-container-2: rgb(244,143,42);
    --color-tertiary-container-3: rgb(244,143,42);
    --color-tertiary-container-4: rgb(244,143,42);
    --color-on-tertiary-container-1: rgb(17,19,24);
    --color-on-tertiary-container-2: rgb(249,199,149);
    --color-on-tertiary-container-3: rgb(252,227,202);
    --color-on-tertiary-container-4: rgb(253,242,232);
    --color-tertiary-subtle-1: rgb(233,195,73);
    --color-tertiary-subtle-2: rgb(201,115,29);
    --color-tertiary-subtle-3: rgb(201,115,29);
    --color-tertiary-subtle-4: rgb(201,115,29);
    --color-tertiary-hover-1: rgb(143,20,34);
    --color-tertiary-hover-2: rgba(0,0,0,0.3);
    --color-tertiary-hover-3: rgba(0,0,0,0.3);
    --color-tertiary-hover-4: rgba(0,0,0,0.3);
    --color-on-tertiary-1: rgb(255,255,255);
    --color-on-tertiary-2: rgb(250,250,250);
    --color-on-tertiary-3: rgb(250,250,250);
    --color-on-tertiary-4: rgb(250,250,250);
    --color-tertiary-active-1: rgb(143,20,34);
    --color-tertiary-active-2: rgb(166,78,122);
    --color-tertiary-active-3: rgb(166,78,122);
    --color-tertiary-active-4: rgb(166,78,122);
    --color-tertiary-border-1: rgb(143,20,34);
    --color-tertiary-border-2: rgb(166,78,122);
    --color-tertiary-border-3: rgb(166,78,122);
    --color-tertiary-border-4: rgb(166,78,122);
    --color-surface-container-low-1: rgba(17,19,24,2.55);
    --color-surface-container-low-2: rgba(0,0,0,0.7);
    --color-surface-container-low-3: rgba(0,0,0,0.7);
    --color-surface-container-low-4: rgba(0,0,0,0.7);
    --color-outline-variant-1: rgba(167,25,43,2.55);
    --color-outline-variant-2: rgb(68,36,3);
    --color-outline-variant-3: rgb(68,36,3);
    --color-outline-variant-4: rgb(68,36,3);
    --color-surface-container-lowest: rgba(199,199,199,0.2);
    --color-warning: rgb(255,245,250);
    --color-warning-subtle: rgb(237,44,44);
    --color-info: rgb(232,253,211);
    --color-info-subtle: rgb(0,184,92);
    --modal-color: rgba(255,255,255,0.8);
    --modal-background-color: rgba(153,153,153,0.5);
    --panel-color: rgb(29,29,78);
    --panel-border-color: rgb(29,29,78);
    --panel-background-color: rgb(237,237,237);
    --main-accent-color: rgb(52,117,183);
    --main-accent-background-color: rgb(153,153,153);
    --main-disabled-color: rgba(0,0,0,0.2);
    --sublink-background-color: rgb(156,199,242);
    --sublink-color: rgb(29,29,78);
    --sublink-child-background-color: rgb(29,29,78);
    --sublink-child-color: rgb(255,255,255);
    --facebook-color: rgb(59,105,151);
    --facebook-background-color: rgb(59,105,151);
    --cookiewarning-color: rgb(237,237,237);
    --cookiewarning-background-color: rgba(20,20,20,0.8);
    --nav-width: 70%;
    --nav-justify: center;
    --menu-bg-color: transparent;
    --menu-shadow: none;
    --menu-border: none;
    --menu1-font-size: 1rem;
    --menu1-line-height: 1.5rem;
    --menu1-font-family: Montserrat;
    --menu1-color: rgba(233,195,73,2.55);
    --menu1-bg-color: transparent;
    --menu1-bg-image: none;
    --menu1-highlight-color: rgb(255,179,177);
    --menu1-highlight-bg-color: rgb(143,20,34);
    --menu1-highlight-bg-image: none;
    --menu1-border: none;
    --menu1-selected-color: rgb(104,0,17);
    --menu1-selected-bg-color: rgb(143,20,34);
    --menu1-selected-bg-image: linear-gradient(
        hsl(349, 84%, 66%),
        hsl(349, 84%, 66%)
    );
    --menu2-font-size: 100%;
    --menu2-line-height: 1;
    --menu2-width: 12em;
    --menu2-color: rgba(233,195,73,2.55);
    --menu2-bg-color: rgb(26,27,33);
    --menu2-bg-image: none;
    --menu2-border: 1px solid rgba(0, 0, 0, 0.1);
    --menu2-shadow: 0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.2);
    --menu2-highlight-color: rgb(240,164,162);
    --menu2-highlight-bg-color: rgb(40,42,47);
    --menu3-font-size: 100%;
    --menu3-line-height: 1;
    --menu3-width: 16em;
    --menu3-color: rgb(226,226,233);
    --menu3-bg-color: rgb(30,32,37);
    --menu3-bg-image: none;
    --menu3-highlight-color: rgb(240,164,162);
    --menu3-highlight-bg-color: rgb(143,20,34);
    --menu3-border: 1px solid rgba(0, 0, 0, 0.1);
    --touchmenu-color: rgb(226,226,233);
    --touchmenu-bg-color: rgb(17,19,24);
    --touchmenu-highlight-color: rgb(255,179,177);
    --touchmenu-border: 1px solid hsl(0, 0%, 0%);
    --touchmenu-shadow: 2px 2px 2px 0px hsla(0, 0%, 0%, 0.26);
    --touchmenu2-color: rgb(226,226,233);
    --touchmenu2-bg-color: rgb(26,27,33);
    --touchmenu2-border: 1px solid hsl(0, 0%, 100%);
    --touchmenu3-color: rgb(226,226,233);
    --touchmenu3-bg-color: rgb(26,27,33);
    --touchmenu3-border: 1px solid hsl(0, 0%, 100%);
}
@font-face {
    font-family: 'CustomFont1';
    src: url('/static/2026/09/30/work-sans-latin-ext-600-normal.zip');
}
@font-face {
    font-family: 'CustomFont2';
   src: url('/static/2026/09/30/newsreader-latin-ext-500-italic.zip');
}