:root {
  /* Navbar - Cerulean-like blue */
  --navbar-bg: #2fa4e7;
  --navbar-text: #fff;
  --navbar-hover-bg: rgba(255, 255, 255, 0.15);
  --navbar-border: #178acc;
  --navbar-height: 3.125rem;

  /* Body */
  --body-bg: #fff;
  --text-color: #333;
  --text-muted: #777;
  --link-color: #2fa4e7;
  --link-hover: #1a87c7;
  --border-color: #ddd;

  /* Form inputs */
  --input-bg: #fff;
  --input-border: #ccc;
  --border-radius: 0.25em;

  /* Buttons */
  --btn-primary-bg: #2fa4e7;
  --btn-primary-border: #178acc;
  --btn-success-bg: #73a839;
  --btn-success-border: #699c34;
  --btn-warning-bg: #dd5600;
  --btn-warning-border: #c74e00;
  --btn-danger-bg: #c12e2a;
  --btn-danger-border: #b12926;
  --btn-info-bg: #033c73;
  --btn-info-border: #022d56;
  --btn-default-bg: #fff;
  --btn-default-border: #ccc;
  --btn-default-text: #333;
  --btn-text: #fff;

  /* Table (narou.rb warm palette) */
  --table-header-bg: #605555;
  --table-header-text: #ddd0cc;
  --table-odd-bg: #f8f3e5;
  --table-even-bg: #fffcef;
  --table-stripe-bg: #f8f3e5;
  --table-sort-odd-bg: #f0ecde;
  --table-sort-even-bg: #f8f3e5;
  --table-hover-bg: #ded;
  --table-selected-bg: #e8e0c8;
  --table-frozen-tint: rgba(108, 173, 221, 0.15);
  --table-border: #ccc;

  /* Console */
  --console-bg: #333;
  --console-text: #fff;
  --console-height: 10rem;

  /* Tags (Bootstrap label palette) */
  --tag-green: #5cb85c;
  --tag-yellow: #f7d71e;
  --tag-yellow-text: #666;
  --tag-blue: #428bca;
  --tag-magenta: #d37bca;
  --tag-cyan: #5bc0de;
  --tag-red: #d9534f;
  --tag-white-bg: #fff;
  --tag-white-border: #ddd;
  --tag-white-text: #666;
  --tag-default-bg: #d9edf7;
  --tag-default-text: #31708f;

  /* Status indicators */
  --new-arrival-color: #e478e1;
  --new-update-color: green;
  --hint-new-arrival-dot-size: 0.85em;
  --hint-new-arrival-dot-top: -0.50em;
  --hint-new-arrival-dot-left: -0.05em;
  --gl-1h-bg: #d9534f;
  --gl-6h-bg: #5cb85c;
  --gl-24h-bg: #5487d9;
  --gl-3d-bg: #8aaec8;
  --gl-1w-bg: #d9d9ff;
  --gl-1w-text: #6d6d6d;

  /* Queue badge */
  --queue-badge-bg: #777;
  --queue-badge-text: #fff;

  /* Badge */
  --badge-bg: rgba(255, 255, 255, 0.35);
  --badge-text: #fff;

  /* Dropdown */
  --dropdown-bg: #fff;
  --dropdown-hover-bg: #f5f5f5;
  --dropdown-border: #ccc;
  --dropdown-divider: #e5e5e5;
  --dropdown-text: #333;
  --dropdown-shadow: 0 0.40em 0.85em rgba(0, 0, 0, 0.175);

  /* Modal */
  --modal-backdrop: rgba(0, 0, 0, 0.5);
  --modal-padding: 1rem;
  --modal-dialog-max-width: 36rem;
  --modal-max-height-offset: 2rem;
  --modal-dialog-margin-block: auto;
  --modal-dialog-margin-inline: 0;

  /* Settings page aliases */
  --primary-color: #2fa4e7;
  --success-color: #73a839;
  --danger-color: #c12e2a;
  --danger-bg: #f2dede;
  --info-bg: #d9edf7;
  --info-text: #31708f;
  --info-border: #bce8f1;
  --heading-color: #333;
  --well-bg: #f5f5f5;
  --panel-bg: #fff;
  --switch-off-bg: #ccc;

  /* Layout (relative units) */
  --container-padding: 1rem;
  --btn-padding-y: 0.40em;
  --btn-padding-x: 0.85em;
  --btn-border-radius: 0.25em;
  --btn-font-size: 1em;
  --table-cell-padding: 0.25rem;
  --base-font-size: 87.5%;
  --base-line-height: 1.45;
  --content-max-width: 104em;
  --table-col-id-width: 3.5em;
  --table-col-date-width: 8.75em;
  --table-col-title-min-width: 14em;
  --table-col-author-width: 8.5em;
  --table-col-site-width: 6.5em;
  --table-col-novel-type-width: 3ch;
  --table-col-tags-width: 10em;
  --table-col-episodes-width: 4.5em;
  --table-col-length-width: 6em;
  --table-col-average-length-width: 6em;
  --table-col-episodes-reflow-extra: 4ch;
  --table-col-title-reflow-extra: 3em;
  --table-col-author-reflow-extra: 2em;
  --table-col-site-reflow-extra: 1em;
  --table-col-status-width: 2ch;
  --table-col-url-width: 3.25em;
  --table-col-download-width: 3em;
  --table-col-folder-width: 3em;
  --table-col-update-action-width: 3em;
  --table-col-story-width: 3em;
  --table-col-menu-width: 3em;
  --tag-edit-padding-right: 3.10em;
  --tag-color-edit-right: 1.20em;
  --tag-color-edit-top: 50%;
  --tag-color-edit-translate-y: -50%;
  --tag-color-edit-padding-y: 0;
  --tag-color-edit-padding-x: 0.15em;
  --tag-color-edit-font-size: 0.85em;
  --tag-color-edit-opacity: 0.65;
  --tag-color-edit-active-opacity: 1;
}

/* Dark themes */
:root[data-theme="Darkly"] {
  --navbar-bg: #375a7f;
  --navbar-text: #fff;
  --navbar-hover-bg: rgba(255, 255, 255, 0.10);
  --navbar-border: #2d4d6d;

  --body-bg: #222;
  --text-color: #eee;
  --text-muted: #999;
  --border-color: #444;
  --link-hover: #5bb8ef;

  --input-bg: #333;
  --input-border: #555;

  --btn-default-bg: #444;
  --btn-default-border: #555;
  --btn-default-text: #eee;

  --table-header-bg: #444;
  --table-header-text: #ddd;
  --table-odd-bg: #2a2a2a;
  --table-even-bg: #333;
  --table-stripe-bg: #2a2a2a;
  --table-sort-odd-bg: #353535;
  --table-sort-even-bg: #3a3a3a;
  --table-hover-bg: #3d5a3d;
  --table-selected-bg: #4a4a3a;
  --table-frozen-tint: rgba(108, 173, 221, 0.10);
  --table-border: #555;

  --console-bg: #111;
  --console-text: #ddd;

  --tag-default-bg: rgba(92, 182, 255, 0.15);
  --tag-default-text: #9cd;

  --dropdown-bg: #333;
  --dropdown-hover-bg: #444;
  --dropdown-border: #555;
  --dropdown-divider: #555;
  --dropdown-text: #eee;
  --dropdown-shadow: 0 0.40em 0.85em rgba(0, 0, 0, 0.40);

  --queue-badge-bg: #555;
  --badge-bg: rgba(255, 255, 255, 0.20);

  --primary-color: #375a7f;
  --success-color: #00bc8c;
  --danger-color: #e74c3c;
  --danger-bg: #3a2020;
  --info-bg: #1a3a4a;
  --info-text: #5bc0de;
  --info-border: #2a5a6a;
  --heading-color: #eee;
  --well-bg: #2a2a2a;
  --panel-bg: #333;
  --switch-off-bg: #555;
}

:root[data-theme="Slate"] {
  --navbar-bg: #3a3f44;
  --navbar-text: #c8c8c8;
  --navbar-hover-bg: rgba(255, 255, 255, 0.10);
  --navbar-border: #2e3338;

  --body-bg: #272b30;
  --text-color: #c8c8c8;
  --text-muted: #868686;
  --link-color: #fff;
  --link-hover: #aaa;
  --border-color: #1c1e22;

  --input-bg: #32373d;
  --input-border: #1c1e22;

  --btn-primary-bg: #3a3f44;
  --btn-primary-border: #2e3338;
  --btn-success-bg: #62c462;
  --btn-success-border: #51a351;
  --btn-warning-bg: #f89406;
  --btn-warning-border: #e08600;
  --btn-danger-bg: #ee5f5b;
  --btn-danger-border: #e04b47;
  --btn-info-bg: #5bc0de;
  --btn-info-border: #46b8da;
  --btn-default-bg: #3a3f44;
  --btn-default-border: #2e3338;
  --btn-default-text: #c8c8c8;

  --table-header-bg: #3a3f44;
  --table-header-text: #c8c8c8;
  --table-odd-bg: #2e3338;
  --table-even-bg: #353a3f;
  --table-stripe-bg: #2e3338;
  --table-hover-bg: #434a52;
  --table-selected-bg: #4a5057;
  --table-border: #1c1e22;

  --console-bg: #1c1e22;
  --console-text: #c8c8c8;

  --dropdown-bg: #3a3f44;
  --dropdown-hover-bg: #434a52;
  --dropdown-border: #2e3338;
  --dropdown-divider: #2e3338;
  --dropdown-text: #c8c8c8;

  --primary-color: #3a3f44;
  --success-color: #62c462;
  --danger-color: #ee5f5b;
  --danger-bg: #3a2828;
  --info-bg: #2a3a44;
  --info-text: #5bc0de;
  --info-border: #3a4a54;
  --heading-color: #c8c8c8;
  --well-bg: #32373d;
  --panel-bg: #3a3f44;
  --switch-off-bg: #555;
}

:root[data-theme="Superhero"] {
  --navbar-bg: #df691a;
  --navbar-text: #fff;
  --navbar-hover-bg: rgba(255, 255, 255, 0.15);
  --navbar-border: #c85e17;

  --body-bg: #2b3e50;
  --text-color: #ebebeb;
  --text-muted: #8e8e8e;
  --link-color: #df691a;
  --link-hover: #e8822e;
  --border-color: #1c2d3f;

  --input-bg: #3a4d5f;
  --input-border: #1c2d3f;

  --btn-primary-bg: #df691a;
  --btn-primary-border: #c85e17;
  --btn-success-bg: #5cb85c;
  --btn-success-border: #4cae4c;
  --btn-default-bg: #4e5d6c;
  --btn-default-border: #3b4b5a;
  --btn-default-text: #ebebeb;

  --table-header-bg: #4e5d6c;
  --table-header-text: #ebebeb;
  --table-odd-bg: #2b3e50;
  --table-even-bg: #344b5f;
  --table-stripe-bg: #2b3e50;
  --table-hover-bg: #3d5a70;
  --table-selected-bg: #4a5d3a;
  --table-border: #1c2d3f;

  --console-bg: #1a2a3a;
  --console-text: #ebebeb;

  --dropdown-bg: #4e5d6c;
  --dropdown-hover-bg: #5a6b7a;
  --dropdown-border: #3b4b5a;
  --dropdown-divider: #3b4b5a;
  --dropdown-text: #ebebeb;

  --primary-color: #df691a;
  --success-color: #5cb85c;
  --danger-color: #d9534f;
  --danger-bg: #3a2020;
  --info-bg: #1c3040;
  --info-text: #79c0d9;
  --info-border: #2a4050;
  --heading-color: #ebebeb;
  --well-bg: #344b5f;
  --panel-bg: #3a4d5f;
  --switch-off-bg: #4e5d6c;
}

/* Light themes */
:root[data-theme="Readable"] {
  --navbar-bg: #563d7c;
  --navbar-text: #fff;
  --navbar-hover-bg: rgba(255, 255, 255, 0.15);
  --navbar-border: #453068;

  --body-bg: #fff;
  --text-color: #333;
  --link-color: #563d7c;

  --btn-primary-bg: #563d7c;
  --btn-primary-border: #453068;
}

:root[data-theme="United"] {
  --navbar-bg: #e95420;
  --navbar-text: #fff;
  --navbar-hover-bg: rgba(255, 255, 255, 0.15);
  --navbar-border: #d4491a;

  --body-bg: #fff;
  --text-color: #333;
  --link-color: #e95420;

  --btn-primary-bg: #e95420;
  --btn-primary-border: #d4491a;
}