:root {
--primary-color: #002f6c;
--primary-dark-color: #00224c;
--primary-light-color: #3891ff;
--primary-darker-color: #00142d;
--primary-color-text: #FFFFFF;
--primary-50: #E7EBF3;
--primary-100: #C1CDE3;
--primary-200: #99ACD0;
--primary-300: #718CBD;
--primary-400: #5073B0;
--primary-500: #2A5BA4;
--primary-600: #22539B;
--primary-700: #17498F;
--primary-800: #0D4083;
--primary-900: #002F6C;
--shade-0: #ffffff;
--shade-50: #FAFAFA;
--shade-100: #F5F5F5;
--shade-200: #EEEEEE;
--shade-300: #E0E0E0;
--shade-400: #BDBDBD;
--shade-500: #9E9E9E;
--shade-600: #757575;
--shade-700: #616161;
--shade-800: #424242;
--shade-900: #212121;
--color-secondary: #565a61;
--gray-50: #F5F9FF;
--gray-100: #EEF2FB;
--gray-200: #E5E9F2;
--gray-300: #D5DAE2;
--gray-400: #B1B6BE;
--gray-500: #92969E;
--gray-600: #696E75;
--gray-700: #565A61;
--gray-800: #383B42;
--gray-900: #181B21;
--color-secondary-text: #ffffff;
--color-error: #c6645d;
--red-50: #F7ECED;
--red-100: #EDCFD2;
--red-200: #D39E9E;
--red-300: #C07C7A;
--red-400: #C6645D;
--red-500: #C75A4B;
--red-600: #B95247;
--red-700: #A74A41;
--red-800: #99453C;
--red-900: #8C3C31;
--color-error-text: #555555;
--color-info: #75a478;
--blue-50: #E9F1EA;
--blue-100: #CADDCC;
--blue-200: #A9C7AC;
--blue-300: #8AB38D;
--blue-400: #75A478;
--blue-500: #619563;
--blue-600: #59875A;
--blue-700: #4F7650;
--blue-800: #466546;
--blue-900: #344833;
--color-info-text: #555555;
--color-warn: #fad958;
--yellow-50: #FEF9E2;
--yellow-100: #FCEEB6;
--yellow-200: #FBE388;
--yellow-300: #FADA58;
--yellow-400: #FACF36;
--yellow-500: #FAC721;
--yellow-600: #FAB919;
--yellow-700: #FAA713;
--yellow-800: #FA960E;
--yellow-900: #FA7803;
--color-warn-text: #555555;
--color-help: #afd3c9;
--purple-50: #DEEDE9;
--purple-100: #AFD3C9;
--purple-200: #7CB7A6;
--purple-300: #4B9C85;
--purple-400: #2A886F;
--purple-500: #10755A;
--purple-600: #0D6950;
--purple-700: #095B43;
--purple-800: #044C36;
--purple-900: #00311F;
--color-help-text: #555555;
--color-success: #002f6c;
--green-50: #E7EBF3;
--green-100: #C1CDE3;
--green-200: #99ACD0;
--green-300: #718CBD;
--green-400: #5073B0;
--green-500: #2A5BA4;
--green-600: #22539B;
--green-700: #17498F;
--green-800: #0D4083;
--green-900: #002F6C;
--color-success-text: #ffffff;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-light: #555555;
--text-color-on-dark: #ffffff;
--text-color: #555555;
--surface-0: #ffffff;
--surface-50: #FFFFFF;
--surface-100: #FAFAFA;
--surface-200: #F5F5F5;
--surface-300: #F0F0F0;
--surface-400: #DEDEDE;
--surface-500: #C2C2C2;
--surface-600: #979797;
--surface-700: #818181;
--surface-800: #606060;
--surface-900: #3C3C3C;
--bg-color-secondary: #ffffff;
--bg-color-body: #F5F5F5;
--surface-section: #ffffff;
--surface-b: #ffffff;
--surface-ground: #F5F5F5;
--surface-a: #F5F5F5;
--surface-border: #E0E0E0;
--surface-d: #E0E0E0;
--surface-hover: rgba(0,0,0,.04);
--surface-c: rgba(0,0,0,.04);
--maskbg: rgba(0,0,0,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: light;
}
:root.dark {
--admin-wrapper-background: var(--surface-ground) none;
--shop-wrapper-background: var(--surface-ground) none;
--primary-color: #002f6c;
--primary-dark-color: #00224c;
--primary-light-color: #3891ff;
--primary-darker-color: #00142d;
--primary-color-text: #FFFFFF;
--primary-50: #002F6C;
--primary-100: #0D4083;
--primary-200: #17498F;
--primary-300: #22539B;
--primary-400: #2A5BA4;
--primary-500: #5073B0;
--primary-600: #718CBD;
--primary-700: #99ACD0;
--primary-800: #C1CDE3;
--primary-900: #E7EBF3;
--shade-0: #121212;
--shade-50: #050505;
--shade-100: #292929;
--shade-200: #464646;
--shade-300: #585858;
--shade-400: #7F7F7F;
--shade-500: #A1A1A1;
--shade-600: #C7C7C7;
--shade-700: #DBDBDB;
--shade-800: #EAEAEA;
--shade-900: #F6F6F6;
--color-secondary: #565a61;
--gray-50: #181B21;
--gray-100: #383B42;
--gray-200: #565A61;
--gray-300: #696E75;
--gray-400: #92969E;
--gray-500: #B1B6BE;
--gray-600: #D5DAE2;
--gray-700: #E5E9F2;
--gray-800: #EEF2FB;
--gray-900: #F5F9FF;
--color-secondary-text: #ffffff;
--color-error: #c6645d;
--red-50: #8C3C31;
--red-100: #99453C;
--red-200: #A74A41;
--red-300: #B95247;
--red-400: #C75A4B;
--red-500: #C6645D;
--red-600: #C07C7A;
--red-700: #D39E9E;
--red-800: #EDCFD2;
--red-900: #F7ECED;
--color-error-text: #555555;
--color-info: #75a478;
--blue-50: #344833;
--blue-100: #466546;
--blue-200: #4F7650;
--blue-300: #59875A;
--blue-400: #619563;
--blue-500: #75A478;
--blue-600: #8AB38D;
--blue-700: #A9C7AC;
--blue-800: #CADDCC;
--blue-900: #E9F1EA;
--color-info-text: #555555;
--color-warn: #fad958;
--yellow-50: #FA7803;
--yellow-100: #FA960E;
--yellow-200: #FAA713;
--yellow-300: #FAB919;
--yellow-400: #FAC721;
--yellow-500: #FACF36;
--yellow-600: #FADA58;
--yellow-700: #FBE388;
--yellow-800: #FCEEB6;
--yellow-900: #FEF9E2;
--color-warn-text: #555555;
--color-help: #afd3c9;
--purple-50: #00311F;
--purple-100: #044C36;
--purple-200: #095B43;
--purple-300: #0D6950;
--purple-400: #10755A;
--purple-500: #2A886F;
--purple-600: #4B9C85;
--purple-700: #7CB7A6;
--purple-800: #AFD3C9;
--purple-900: #DEEDE9;
--color-help-text: #555555;
--color-success: #002f6c;
--green-50: #002F6C;
--green-100: #0D4083;
--green-200: #17498F;
--green-300: #22539B;
--green-400: #2A5BA4;
--green-500: #5073B0;
--green-600: #718CBD;
--green-700: #99ACD0;
--green-800: #C1CDE3;
--green-900: #E7EBF3;
--color-success-text: #ffffff;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-dark: #555555;
--text-color-on-light: #ffffff;
--text-color: #ffffff;
--surface-0: #121212;
--surface-50: #121212;
--surface-100: #323232;
--surface-200: #505050;
--surface-300: #636363;
--surface-400: #8A8A8A;
--surface-500: #ABABAB;
--surface-600: #D0D0D0;
--surface-700: #E2E2E2;
--surface-800: #EEEEEE;
--surface-900: #F7F7F7;
--bg-color-secondary: #000000;
--bg-color-body: #0a0a0a;
--surface-section: #121212;
--surface-b: #121212;
--surface-ground: #0a0a0a;
--surface-a: #0a0a0a;
--surface-border: #1f1f1f;
--surface-d: #1f1f1f;
--surface-hover: rgba(255,255,255,.04);
--surface-c: rgba(255,255,255,.04);
--maskbg: rgba(255,255,255,.4);
--surface-card: var(--shade-0);
--surface-e: var(--shade-0);
--surface-overlay: var(--shade-0);
--surface-f: var(--shade-0);
--focus-ring: 0 0 0 0.2rem var(--primary-light-color);
color-scheme: dark;
}
:root {
--font-family: FormularLight, sans-serif;
--font-weight: 400;
--font-size: 1rem;
--header-font-family: FormularLight, sans-serif;
--header-font-weight: 300;
--header-font-size: 1.429rem;
--content-padding: 1rem;
--inline-spacing: .5rem;
--border-radius: 4px;
}