/* Alex Rico · detalles de marca para Vikunja (task.alexricodj.com)
   Solo acento monocromo y tipografía Geist; el resto es el aspecto original de Vikunja.
   Apache lo inyecta en el <head> (ver vhost_ssl.conf). Para quitarlo: borrar este fichero. */

@font-face { font-family: "Geist"; src: url(/ar-theme/fonts/geist-sans.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

/* Modo claro: acento negro */
:root:root {
  --family-primary: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --primary-h: 40deg; --primary-s: 14.3%; --primary-l: 4.1%;
  --primary-invert-l: 100%; --primary-invert: #FFFFFF;
  --link-h: var(--primary-h); --link-s: var(--primary-s); --link-l: var(--primary-l);
  --switch-view-active-background: var(--primary);
}

/* Modo oscuro: acento blanco roto con texto negro */
:root:root.dark {
  --primary-h: 45deg; --primary-s: 26.7%; --primary-l: 94.1%;
  --primary-invert-l: 0%; --primary-invert: #000000;
  --link-h: var(--primary-h); --link-s: var(--primary-s); --link-l: var(--primary-l);
  --switch-view-active-background: var(--primary);
}

html, body, button, input, select, textarea { font-family: var(--family-primary); }
h1, h2, h3, h4, h5, h6, .title, .input.title, .username, .menu-list li, .notifications-list .head {
  font-family: var(--family-primary) !important;
}

.button.is-primary:not(.is-outlined):not(.is-inverted),
.button.is-primary:not(.is-outlined):not(.is-inverted):hover { color: var(--primary-invert) !important; }
.switch-view .is-active { color: var(--primary-invert) !important; }
