:root,
[data-theme="light"] {
    color-scheme: light;
    --logo-url: url("/assets/logo_dark.svg");

    /* Base Colors */
    --text-color: #333333;
    --text: var(--text-color);
    --text-color-secondary: #ffffff;
    --primary: #51CD75;
    --lighter-primary: #388E3C;
    --secondary: #31A7FF;
    --tertiary: #595B5F;
    --darker-tertiary: #4d4e52;
    --light-tertiary: #595B5F99;
    --border: #E0E0E0;
    --disabled: #EEEEEE;
    --darker-shade: rgba(0, 0, 0, 0.5);
    --dark-shade: rgba(0, 0, 0, 0.15);
    --divider-color: #dfe6e9;

    /* Categories */
    --category-legal: #5AA4DA;
    --category-legal-lighter: #5AA4DA2b;
    --category-digital: #60BE73;
    --category-digital-lighter: #60BE732b;
    --category-technical: #B2B1B2;
    --category-technical-lighter: #B2B1B22b;
    --category-obp: #FFB872;
    --category-obp-lighter: #FFB8722b;

    /* Table, general div etc */
    --table-hover-background: #F8F8F8;
    --table-background: #FFFFFF;
    --recently-updated: #EAF2F8;
    --readonly: #ffffff59;

    /* Buttons */
    --main-action-button-background: #51CD75;
    --hover-main-action-button-background: #8bf8ac;
    --main-action-button: #FFFFFF;
    --action-button-background: #31A7FF;
    --action-button: #FFFFFF;
    --hover-action-button-background: #5AA4DA;
    --notice-action-button-background: #76bdfa;
    --navigation-button-background: #31A7FF;
    --hover-navigation-button-background: #5AA4DA;
    --navigation-button: #FFFFFF;
    --disabled-button-background: #a9a9a9;
    --disabled-button: #FFFFFF;
    --delete-button-background: #E74C3C;
    --hover-delete-button-background: #e83d2b;
    --delete-button: #FFFFFF;
    --table-navigation-button-background: #FFFFFF;
    --table-navigation-button: #595B5F;
    --table-navigation-button-border: #595B5F;

    /* Navigation Bars */
    --topbar-background: #FFFFFF;
    --body-background: #F2F2F2;
    --content-background: #FFFFFF;
    --sidebar-background: #595B5F;
    --sidebar-nav-parent: rgba(255, 255, 255, 0.5);
    --sidabar-scrollbar: #919191;

    /* Warning, Errors */
    --error-background: #f2dede;
    --error-border: #ebccd1;
    --error: #e74c3c;
    --warning-background: #fff3cd;
    --warning-border: #e5d6a7;
    --warning: #FFA500;
    --success-background: #51CD75;
    --success-border: #60BE73;
    --success: #008000;
    --failed: #A9A9A9;
    --alert-background: #FCF8E3;
    --alert-border: #FAEBCC;
    --alert: #8A6D3B;
    --danger-background: #f2dede;
    --danger-border: #ebccd1;
    --danger: #a94442;
    --inactive: #D8D8D8;

    /* Ipas */
    --phase-pending-background: #ffffff;
    --phase-pending-border: #b2bec3;
    --phase-current-background: #fff9c4;
    --phase-current-border: #f1c40f;
    --phase-done-background: #d4edda;
    --phase-done-border: #2ecc71;

    /* Search */
    --search-available-background: #FFF3CD;
    --search-available-border: #E5D6A7;
    --search-occupied-background: #F2DEDE;
    --search-occupied-border: #EBCCD1;
    --search-owned-background: #60BE7326;
    --search-owned-border: #76BC84;

    /* Risk */
    --risk-green-background: #dff0d8;
    --risk-green-border: #d6e9c6;
    --risk-border: #d6d8db;
    --risk-yellow-background: #fff3cd;
    --risk-yellow-border: #e5d6a7;
    --risk-red-background: #f2dede;
    --risk-red-border: #ebccd1;
    --risk-black-background: #BDBDBD;
    --risk-black-border: #D6C8B2;
    --risk-blue-background: #AEDFF7;
    --risk-blue-border: #D4E8C8;
    --risk-purple-background: #DCCFFB;
    --risk-purple-border: #CBBFD6;

    /* Popup */
    --popup-info-background: #FFA500;
    --popup-info: #FFFFFF;
    --popup-success-background: #51CD75;
    --popup-success: #FFFFFF;
    --popup-error-background: #E74C3C;
    --popup-error: #FFFFFF;

    /* Message */
    --message-left-background: #e5e5ea;
    --message-left-text: #000000;
    --message-right-background: #218aff;
    --message-right-text: #FFFFFF;

    /* Tag */
    --tag-grey-background: #A9A9A9;
    --tag-light-grey-background: #DCDCDC;
    --tag-red-background: #FF4500;
    --tag-light-red-background: #FFA07A;
    --tag-orange-background: #FF8C00;
    --tag-light-orange-background: #FFBF00;
    --tag-yellow-background: #FFD700;
    --tag-light-yellow-background: #EEE8AA;
    --tag-green-background: #76BC84;
    --tag-light-green-background: #90EE90;
    --tag-blue-background: #1E90FF;
    --tag-light-blue-background: #89CFF0;
    --tag-cyan-background: #008B8B;
    --tag-light-cyan-background: #40E0D0;
    --tag-hidden-background: #595B5F;

    /* Progress */
    --progress-complete-background: #51CD75;
    --progress-current-background: #FFA500;
    --progress-none-background: #A9A9A9;

    /* Misc */
    --link: #337AB7;
    --custom-link: var(--primary);
    --custom-link-active: rgb(81, 205, 117);
    --custom-link-hover-color: #337AB7;
    --custom-secondary-color: #01393c;

    /* Map */
    --many-righttypes: #298f47;
    --one-righttype: #51cd75;
    --no-righttypes: #f2f2f2;

    /* Highlight */
    --highlighted-background: #ffe75d;
}


[data-theme="dark"] {
    color-scheme: dark;
    --logo-url: url("./assets/logo_light.svg");

    --text-color: #a0a0a0;
    --text: var(--text-color);
    --text-color-secondary: #292929;
    --primary: #4de28f;
    --lighter-primary: #388E3C;
    --secondary: #5baeff;
    --tertiary: #595B5F2b;
    --darker-tertiary: #595B5F;
    --light-tertiary: #595B5F44;
    --border: #444;
    --lighter-border: #646464;
    --disabled: #2e2e2e;
    --darker-shade: rgba(255, 255, 255, 0.5);
    --dark-shade: rgba(255, 255, 255, 0.15);
    --divider-color: #dfe6e9;

    --category-legal: #5AA4DA;
    --category-legal-lighter: #5AA4DA44;
    --category-digital: #60BE73;
    --category-digital-lighter: #60BE7344;
    --category-technical: #B2B1B2;
    --category-technical-lighter: #B2B1B244;
    --category-obp: #FFB872;
    --category-obp-lighter: #FFB87244;

    --table-hover-background: #333;
    --table-background: #1e1e1e;
    --recently-updated: #2c2f33;

    --main-action-button-background: #51CD75;
    --main-action-button: #1e1e1e;
    --action-button-background: #31A7FF;
    --action-button: #1e1e1e;
    --hover-action-button-background: #2278b3;
    --notice-action-button-background: #286ca8;
    --hover-navigation-button-background: #3a8abf;
    --navigation-button-background: #31A7FF;
    --navigation-button: #1e1e1e;
    --disabled-button-background: #bfbfbf;
    --disabled-button: #ccc;
    --delete-button-background: #E74C3C;
    --delete-button: #1e1e1e;
    --table-navigation-button-background: #1e1e1e;
    --table-navigation-button: #ccc;
    --table-navigation-button-border: #ccc;

    --topbar-background: #1c1c1c;
    --body-background: #121212;
    --content-background: #1e1e1e;
    --sidebar-background: #1f1f1f;
    --sidebar-nav-parent: rgba(255, 255, 255, 0.1);
    --sidabar-scrollbar: #555;

    --error-background: #4a2321;
    --error-border: #7d3b36;
    --error: #ff6f61;
    --warning-background: #4a4021;
    --warning-border: #7d6936;
    --warning: #ffc107;
    --success-background: #1e4430;
    --success-border: #2c6e4e;
    --success: #81c784;
    --failed: #555;
    --alert-background: #4a4021;
    --alert-border: #7d6936;
    --alert: #d4af37;
    --danger-background: #4a2321;
    --danger-border: #7d3b36;
    --danger: #ff4c4c;
    --inactive: #555;

    --search-available-background: #4a4021;
    --search-available-border: #7d6936;
    --search-occupied-background: #4a2321;
    --search-occupied-border: #7d3b36;
    --search-owned-background: #2c6e4e44;
    --search-owned-border: #60BE73;

    --risk-green-background: #2e4d3b;
    --risk-green-border: #3e6e51;
    --risk-border: #777;
    --risk-yellow-background: #4a4021;
    --risk-yellow-border: #7d6936;
    --risk-red-background: #4a2321;
    --risk-red-border: #7d3b36;
    --risk-black-background: #2b2b2b;
    --risk-black-border: #5c5342;
    --risk-blue-background: #2a4f61;
    --risk-blue-border: #3f6e77;
    --risk-purple-background: #3e2e5c;
    --risk-purple-border: #5c4f77;

    --popup-info-background: #ffc107;
    --popup-info: #000;
    --popup-success-background: #51CD75;
    --popup-success: #000;
    --popup-error-background: #E74C3C;
    --popup-error: #000;

    --message-left-background: #333;
    --message-left-text: #ddd;
    --message-right-background: #005ccc;
    --message-right-text: #fff;

    --tag-grey-background: #444;
    --tag-light-grey-background: #666;
    --tag-red-background: #cc4444;
    --tag-light-red-background: #ff6666;
    --tag-orange-background: #cc8800;
    --tag-light-orange-background: #ffc107;
    --tag-yellow-background: #d4af37;
    --tag-light-yellow-background: #e0c971;
    --tag-green-background: #51CD75;
    --tag-light-green-background: #90EE90;
    --tag-blue-background: #218aff;
    --tag-light-blue-background: #89CFF0;
    --tag-cyan-background: #008B8B;
    --tag-light-cyan-background: #40E0D0;
    --tag-hidden-background: #2e2e2e;

    --progress-complete-background: #51CD75;
    --progress-current-background: #ffc107;
    --progress-none-background: #666;

    --custom-link: #51CD75;
    --custom-link-active: #63e291;
    --custom-link-hover-color: #5AA4DA;
    --custom-secondary-color: #0e595b;

    --many-righttypes: #298f47;
    --one-righttype: #51cd75;
    --no-righttypes: #f2f2f2;

    --highlighted-background: #ffc85c;
}