/* Thème Polaris pour Vikunja — injecté par Apache, aucune modification du code de Vikunja.
   Palette reprise de dashboard.waezi.fr : fond #0b0d10, texte #eef1f4, turquoise #0fb9ac -> #22d3ee */

:root.dark,
:root {
  /* turquoise Polaris en couleur principale (Vikunja compose tout à partir de ces 3 valeurs) */
  --primary-h: 175deg;
  --primary-s: 85%;
  --primary-l: 39%;
  --link-h: 175deg;
  --link-s: 85%;
  --link-l: 45%;
}

:root.dark {
  /* échelle de gris redéfinie sur la palette Polaris (du plus sombre au plus clair) */
  --grey-50-hsl:  216deg 18% 5%;    /* fond de page   #0b0d10 */
  --grey-100-hsl: 213deg 20% 9%;    /* cartes         #12161b */
  --grey-200-hsl: 215deg 19% 13%;   /* surfaces       #1a1f26 */
  --grey-300-hsl: 212deg 15% 19%;   /* bordures       #2a3139 */
  --grey-500-hsl: 213deg 8% 58%;    /* texte discret  #8b939d */
  --grey-900-hsl: 210deg 21% 95%;   /* texte fort     #eef1f4 */

  --grey-50:  hsl(var(--grey-50-hsl));
  --grey-100: hsl(var(--grey-100-hsl));
  --grey-200: hsl(var(--grey-200-hsl));
  --grey-300: hsl(var(--grey-300-hsl));
  --grey-400: #666e78;
  --grey-500: hsl(var(--grey-500-hsl));
  --grey-600: #c3c9d0;
  --grey-700: #dde2e7;
  --grey-800: #eef1f4;
  --grey-900: hsl(var(--grey-900-hsl));

  --site-background: #0b0d10;
  --scheme-main: #0b0d10;
  --card-shadow: 0 1px 2px rgba(0,0,0,.45);
  --card-border-color: rgba(255,255,255,.08);
}

/* fond de page et cartes translucides, comme Polaris */
:root.dark body,
:root.dark .app-content,
:root.dark .content-auth {
  background: #0b0d10;
}

:root.dark .card,
:root.dark .task-view,
:root.dark .kanban .bucket,
:root.dark .navigation,
:root.dark .menu-container,
:root.dark .modal-content {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}

/* barre du haut et menu latéral un ton plus sombre */
:root.dark .navbar,
:root.dark .topbar {
  background: rgba(255,255,255,.022);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* boutons principaux : dégradé turquoise -> cyan de Polaris */
:root.dark .button.is-primary,
:root.dark .button.is-primary:hover,
:root.dark button.is-primary {
  background: linear-gradient(135deg,#0fb9ac,#22d3ee);
  border: 0;
  color: #04181c;
  font-weight: 600;
}

/* liens et éléments actifs en turquoise */
:root.dark a,
:root.dark .menu-list a.router-link-exact-active {
  color: #22d3ee;
}

/* champs de saisie */
:root.dark .input,
:root.dark .textarea,
:root.dark .select select {
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.08);
  color: #eef1f4;
}