/* ICPBots theme for Vikunja — injected via nginx sub_filter */

:root {
  --primary: #8b5cf6;
  --primary-dark: #7c3aed;
  --primary-light: #a78bfa;
  --primary-hsl: 258 90% 66%;
  --link: #06b6d4;
  --link-hover: #22d3ee;

  --site-background: #0a0a0b;
  --content-background: #111114;
  --grey-50: #15151a;
  --grey-100: #1a1a1f;
  --grey-200: #232329;
  --grey-300: #2a2f36;
  --grey-400: #3a3f47;
  --grey-500: #5a606a;
  --grey-600: #7a818c;
  --grey-700: #a7a7a7;
  --grey-800: #d4d4d8;
  --grey-900: #f4f4f5;

  --text: #ededed;
  --text-light: rgba(167,167,167,0.85);
  --border: rgba(42,47,54,0.5);

  color-scheme: dark;
}

html, body, #app {
  background: var(--site-background) !important;
  color: var(--text);
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

/* Top navbar */
.navbar.main-theme,
.namespace-container .menu-container,
.app-container__navigation {
  background: linear-gradient(180deg, #0e0e12 0%, #0a0a0b 100%) !important;
  border-color: var(--border) !important;
}

/* Sidebar */
.namespace-container,
.menu-container {
  background: #0d0d11 !important;
  border-right: 1px solid var(--border);
}

/* Cards (lists, kanban buckets, tasks) */
.card,
.bucket,
.task-add,
.list-view,
.kanban-task,
.tasks .task,
.modal-content {
  background: var(--content-background) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.02) inset !important;
}

/* Buttons */
.button.is-primary,
button.is-primary {
  background: linear-gradient(135deg, #8b5cf6, #06b6d4) !important;
  border: none !important;
  color: white !important;
  font-weight: 600;
}
.button.is-primary:hover,
button.is-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Inputs */
.input, .textarea, .select select {
  background: #15151a !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.input:focus, .textarea:focus, .select select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px rgba(139,92,246,0.2) !important;
}

/* Links + accents */
a, .has-text-primary {
  color: var(--link) !important;
}
a:hover {
  color: var(--link-hover) !important;
}

/* Kanban bucket header accent */
.bucket .bucket-header {
  border-bottom: 2px solid var(--primary) !important;
}

/* Brand the title */
.navbar .navbar-brand .logo,
.logo {
  filter: hue-rotate(220deg) saturate(1.4);
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0b; }
::-webkit-scrollbar-thumb { background: #2a2f36; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #8b5cf6; }