:root {
--wrapper-background: url('https://keleti.designa-parking.com/iPCP/javax.faces.resource/images/header.jpg.xhtml?v=24.4.1.1+-+ee27d8bd');
--primary-color: #5b7c9c;
--primary-dark-color: #4f6c86;
--primary-light-color: #d8e0e8;
--primary-darker-color: #435c73;
--primary-color-text: #ffffff;
--primary-50: #E4EFFF;
--primary-100: #C5D9EC;
--primary-200: #A8BED6;
--primary-300: #8AA3BF;
--primary-400: #738FAD;
--primary-500: #5B7C9C;
--primary-600: #4D6D8A;
--primary-700: #3E5973;
--primary-800: #2F465D;
--primary-900: #1D3245;
--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-error: #ce2247;
--color-error-text: #000000;
--color-info: #52a855;
--color-info-text: #000000;
--color-warn: #0ac8f7;
--color-warn-text: #000000;
--color-fatal: #F55151;
--color-fatal-text: #000000;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-light: #000000;
--text-color-on-dark: #000000;
--text-color: #000000;
--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: #5b7c9c;
--bg-color-body: #e3e3e3;
--surface-section: #ffffff;
--surface-b: #ffffff;
--surface-ground: #e3e3e3;
--surface-a: #e3e3e3;
--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 {
--wrapper-background: none;
--primary-color: #5b7c9c;
--primary-dark-color: #4f6c86;
--primary-light-color: #d8e0e8;
--primary-darker-color: #435c73;
--primary-color-text: #ffffff;
--primary-50: #1D3245;
--primary-100: #2F465D;
--primary-200: #3E5973;
--primary-300: #4D6D8A;
--primary-400: #5B7C9C;
--primary-500: #738FAD;
--primary-600: #8AA3BF;
--primary-700: #A8BED6;
--primary-800: #C5D9EC;
--primary-900: #E4EFFF;
--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-error: #ce2247;
--color-error-text: #000000;
--color-info: #52a855;
--color-info-text: #000000;
--color-warn: #0ac8f7;
--color-warn-text: #000000;
--color-fatal: #F55151;
--color-fatal-text: #000000;
--text-color-secondary: color-mix(in srgb, var(--text-color), var(--surface-ground) 20%);
--text-color-on-dark: #000000;
--text-color-on-light: #000000;
--text-color: #000000;
--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: #6785a1;
--bg-color-body: #1c1c1c;
--surface-section: #121212;
--surface-b: #121212;
--surface-ground: #1c1c1c;
--surface-a: #1c1c1c;
--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;
}