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

  /* Base Colors */
  --text-color: #333333;
  --text: var(--text-color);
  --contrast-text: #000000;
  --text-color-secondary: #ffffff;
  --primary: #51cd75;
  --lighter-primary: #388e3c;
  --secondary: #31a7ff;
  --dark-secondary: #2070b5;
  --faded-dark-secondary: rgba(8, 59, 133, 0.45);
  --tertiary: #595b5f;
  --darker-tertiary: #4d4e52;
  --light-tertiary: rgba(134, 138, 138, 0.6);
  --border: #e0e0e0;
  --lighter-border: #bdbdbd;
  --disabled: #eeeeee;
  --lighter-shade: rgba(0, 0, 0, 0.04);
  --light-shade: rgba(0, 0, 0, 0.08);
  --darker-shade: rgba(0, 0, 0, 0.5);
  --dark-shade: rgba(0, 0, 0, 0.15);
  --divider-color: #dfe6e9;
  --dark-text-color: #222;
  --light-text-color: #666;

  /* 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;
  --table-background-inverted: #1e1e1e;
  --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: #ed143d;
  --inactive: #d8d8d8;
  --selected: #e3f2fd;
  --selected-border: #2196f3;

  /* 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;

  /* Sync */
  --sync-language-background: #eef7ff;
  --sync-language-border: #cfe6fb;
  --sync-language-label-background: #dff0ff;
  --sync-language-label-text: #2070b5;
  --sync-row-changed-background: #fff7e6;
  --sync-row-changed-border: #f0c36d;

  /* 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: #8c8c8c;
  --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;
  --message-found-search-highlighted: #ff9632;
  --message-found-search: yellow;

  /* 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;
  --icon-color: #fff;
  --icon-color-secondary: #000;

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

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

  /* Loader */
  --loader-color: #c3c3c3;
  --skeleton-box-background: #ccc;
}