/* Generated by rootiest-icons scripts/make-themes.py from themes/kutt.css and themes/palette.toml: do not edit. */
:root {
  --rt-base: #1e1e2e;
  --rt-mantle: #181825;
  --rt-crust: #11111b;
  --rt-surface0: #313244;
  --rt-surface1: #45475a;
  --rt-surface2: #585b70;
  --rt-overlay0: #6c7086;
  --rt-subtext0: #a6adc8;
  --rt-text: #cdd6f4;
  --rt-accent: #a6e3a1;
  --rt-on-accent: #11111b;
  --bg-color: #1e1e2e;
  --text-color: #cdd6f4;
  --color-primary: #a6e3a1;
  --outline-color: #a6e3a1;
  --button-bg: #313244;
  --button-bg-box-shadow-color: color-mix(in srgb, #11111b 60%, transparent);
  --button-bg-primary: #a6e3a1;
  --button-bg-primary-box-shadow-color: color-mix(in srgb, #a6e3a1 30%, transparent);
  --button-bg-secondary: #cba6f7;
  --button-bg-secondary-box-shadow-color: color-mix(in srgb, #cba6f7 30%, transparent);
  --button-bg-danger: #f38ba8;
  --button-bg-danger-box-shadow-color: color-mix(in srgb, #f38ba8 30%, transparent);
  --button-bg-success: #a6e3a1;
  --button-bg-success-box-shadow-color: color-mix(in srgb, #a6e3a1 30%, transparent);
  --button-action-shadow-color: color-mix(in srgb, #11111b 40%, transparent);
  --underline-color: #7f849c;
  --secondary-text-color: #a6adc8;
  --send-icon-hover-color: #a6e3a1;
  --send-spinner-icon-color: #7f849c;
  --success-icon-color: #a6e3a1;
  --error-icon-color: #f38ba8;
  --copy-icon-color: #a6e3a1;
  --copy-icon-bg-color: #313244;
  --copy-icon-shadow-color: color-mix(in srgb, #11111b 40%, transparent);
  --focus-outline-color: color-mix(in srgb, #a6e3a1 50%, transparent);
  --checkbox-bg-color: #a6e3a1;
  --input-shadow-color: color-mix(in srgb, #11111b 40%, transparent);
  --input-hover-shadow-color: color-mix(in srgb, #11111b 60%, transparent);
  --input-label-color: #bac2de;
  --table-bg-color: #181825;
  --table-shadow-color: color-mix(in srgb, #11111b 50%, transparent);
  --table-tr-border-color: #313244;
  --table-tr-hover-bg-color: #313244;
  --table-head-tr-border-color: #45475a;
  --table-status-gray-bg-color: #313244;
}

/* Kutt (rootiest.link, url.rootiest.dev). Kutt links every data/custom/css/*.css itself: this file is installed there as
   custom1.css (it replaced a hand-made black-and-blue dark theme, 2026-10-10). Kutt has one light theme, made dark here:
   Mocha only. Its own variables are above; the rules below cover what they do not reach. */
body { background-color: var(--rt-base) !important; color: var(--rt-text) !important; }
header, .card, .table-row, input, select { background-color: var(--rt-mantle) !important; color: var(--rt-text) !important; border-color: var(--rt-surface0) !important; }
a { color: var(--rt-accent); }
input::placeholder { color: var(--rt-overlay0); }
a.button, button { color: var(--rt-text); }
a.button.primary, button.primary, a.button.success, button.success, a.button.danger, button.danger, a.button.secondary, button.secondary { color: var(--rt-on-accent); }
.table-header { border-bottom: 2px solid var(--rt-surface0); }
table, thead, tbody, tfoot { background-color: var(--rt-mantle) !important; color: var(--rt-text) !important; border-color: var(--rt-surface0) !important; }
tr.no-data td, th.original-url, th.created-at, th.short-link, th.views { background-color: var(--rt-mantle) !important; color: var(--rt-subtext0) !important; border-bottom: 1px solid var(--rt-surface0) !important; }
.controls.links-controls { background-color: var(--rt-crust) !important; border-bottom: 1px solid var(--rt-surface0) !important; }
button.nav { background-color: var(--rt-surface0) !important; color: var(--rt-text) !important; border: 1px solid var(--rt-surface1) !important; }
button.nav:disabled { background-color: var(--rt-base) !important; color: var(--rt-overlay0) !important; cursor: not-allowed; }
button.nav:hover:not(:disabled) { background-color: var(--rt-surface1) !important; border-color: var(--rt-accent) !important; }
button.nav svg { stroke: var(--rt-text) !important; }
button.nav:disabled svg { stroke: var(--rt-overlay0) !important; }
input.table-input.search, select.table-input { background-color: var(--rt-base) !important; border: 1px solid var(--rt-surface0) !important; color: var(--rt-text) !important; }
select.table-input { padding: 4px 8px; border-radius: 4px; }
.nav-divider { background-color: var(--rt-surface0) !important; }
nav.tab { background-color: var(--rt-crust) !important; border: 1px solid var(--rt-surface0) !important; border-radius: 6px; padding: 4px; display: inline-flex; }
nav.tab a { background-color: var(--rt-surface0) !important; color: var(--rt-subtext0) !important; border: 1px solid transparent !important; padding: 6px 16px !important; border-radius: 4px !important; margin: 0 2px !important; transition: all 0.2s ease; text-decoration: none !important; }
nav.tab a:hover { background-color: var(--rt-surface1) !important; color: var(--rt-text) !important; }
nav.tab a.active { background-color: var(--rt-surface1) !important; color: var(--rt-text) !important; border-color: var(--rt-accent) !important; box-shadow: 0 1px 3px color-mix(in srgb, var(--rt-crust) 60%, transparent); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--rt-base); }
::-webkit-scrollbar-thumb { background: var(--rt-surface1); border-radius: 5px; }