:root {
    /* Logo url */
    --logo-url: url(/public/image/FrontendLogo.webp);
    /* Defaults*/
    --primary-color: #fff;
    --primary-background-color: #000;
    /* Input defaults */
    --input-text-color: #d0cd14;
    --input-background-color: #000;
    --input-caret-color: #a6a300;
    /* Validation error text color */
    --validation-error-text-color: #ff6161;
    /* container--body */
    --application-body-heading-color: #edd864;
    --application-body-text-color: #a8973a;
    --application-body-background-color: #000;
    --application-body-bold-color: #bbae60;
    /* application--footer */
    --application-footer-text-color: #fff;
    --application-footer-background-color: #000;
    --application-footer-links-heading-color: #ffd800;
    --application-footer-links-button-color: #ae951d;
    --application-footer-links-button-hover-color: #1f1f1b;
    --application-footer-copyright-color: #484534;
    --application-footer-copyright-background-color: #000;
    /* application--header */
    --application-header-text-color: #a6a300;
    --application-header-background-color: #000;
    /* application--body-header-menu */
    --application--body-header-menu-border-color: #d9d9d9;
    /* button-header */
    --button-navigation-background-color: #000;
    --button-navigation-icon-color: invert(54%) sepia(9%) saturate(2435%) hue-rotate(11deg) brightness(92%) contrast(88%); /* #948238 */
    --button-navigation-hover-background-color: #e2c84b;
    --button-navigation-hover-icon-color: invert(87%) sepia(27%) saturate(319%) hue-rotate(351deg) brightness(105%) contrast(104%); /* #fff6c6; */
    --button-navigation-focus-background-color: #e0bc11;
    --button-navigation-focus-icon-color: invert(92%) sepia(12%) saturate(1567%) hue-rotate(336deg) brightness(104%) contrast(110%); /* #ffee8f; */
    --button-navigation-active-background-color: #ffac52;
    --button-navigation-active-icon-color: invert(83%) sepia(17%) saturate(3165%) hue-rotate(321deg) brightness(105%) contrast(101%); /* #ffac52; */
    --button-navigation-disabled-background-color: #000;
    --button-navigation-disabled-icon-color: invert(34%) sepia(0%) saturate(629%) hue-rotate(138deg) brightness(94%) contrast(95%); /* #535353; */
    /* button--social-media */
    --button-social-media-background-color: #000;
    --button-social-media-hover-background-color: #e2c84b;
    --button-social-media-focus-background-color: #e0bc11;
    --button-social-media-active-background-color: #ffac52;
    /* button-round-icon */
    --button-round-icon-color: #141f1a;
    --button-round-icon-background-color: #ffffff00;
    --button-round-icon-hover-color: #141f1a;
    --button-round-icon-hover-background-color: #fff7e5;
    --button-round-icon-focus-color: #141f1a;
    --button-round-icon-focus-background-color: #ffe5b3;
    --button-round-icon-active-color: #141f1a;
    --button-round-icon-active-background-color: #ffd480;
    --button-round-icon-disabled-color: #bfbfbf;
    --button-round-icon-disabled-background-color: #ffffff00;
    /* button-square-icon */
    --button-square-icon-color: #ae951d;
    --button-square-icon-icon-color: invert(9%) sepia(11%) saturate(1095%) hue-rotate(6deg) brightness(97%) contrast(96%);
    --button-square-icon-background-color: #00000000;
    --button-square-icon-hover-color: #1f1f1b;
    --button-square-icon-hover-icon-color: invert(9%) sepia(24%) saturate(570%) hue-rotate(100deg) brightness(91%) contrast(95%);
    --button-square-icon-hover-background-color: #fff28f;
    --button-square-icon-focus-color: #1f1f1b;
    --button-square-icon-focus-icon-color: invert(9%) sepia(24%) saturate(570%) hue-rotate(100deg) brightness(91%) contrast(95%);
    --button-square-icon-focus-background-color: #00000000;
    --button-square-icon-active-color: #484831;
    --button-square-icon-active-icon-color: invert(9%) sepia(24%) saturate(570%) hue-rotate(100deg) brightness(91%) contrast(95%);
    --button-square-icon-active-background-color: #00000000;
    --button-square-icon-disabled-color: #bfbfbf;
    --button-square-icon-disabled-icon-color: invert(72%) sepia(4%) saturate(8%) hue-rotate(314deg) brightness(103%) contrast(82%);
    --button-square-icon-disabled-background-color: #e6e6e6;
    /* button--header-menu */
    --button-header-menu-color: #000;
    --button-header-menu-background-color: #ff850025;
    --button-header-menu-hover-color: #141f1a;
    --button-header-menu-hover-background-color: hsl(40, 100%, 95%);
    --button-header-menu-focus-color: #403a2e;
    --button-header-menu-focus-background-color: #ffe5b3;
    --button-header-menu-active-color: #141f1a;
    --button-header-menu-active-background-color: #ffd480;
    --button-header-menu-disabled-color: #bfbfbf;
    --button-header-menu-disabled-background-color: #e6e6e6;
    /* input--group */
    --input-group-border-color: #424242;
    --input-group-border-focus-color: #bfa828;
    /* anchor-lined */
    --anchor-lined-color: #d0cd14;
    --anchor-lined-background-color: #000;
    --anchor-lined-icon-color: invert(85%) sepia(69%) saturate(2712%) hue-rotate(357deg) brightness(87%) contrast(85%);
    --anchor-lined-hover-color: #faf747;
    --anchor-lined-hover-background-color: #000;
    --anchor-lined-hover-icon-color: invert(95%) sepia(89%) saturate(683%) hue-rotate(357deg) brightness(88%) contrast(127%);
    --anchor-lined-focus-color: #f5f129;
    --anchor-lined-focus-background-color: #000;
    --anchor-lined-focus-icon-color: invert(96%) sepia(88%) saturate(1029%) hue-rotate(349deg) brightness(104%) contrast(92%);
}