/* Vikunja (Family Tasks) in the Our Family look. Loaded after our-theme.css by the proxy.
   Vikunja is Bulma-based: its accent is --primary-h/s/l, and dark mode swaps the --grey-* scale on .dark.
   Its own stylesheets load after this one, so selectors here are one step more specific (html:root, html:root.dark). */
html:root {
  --family-primary: var(--our-font);
  --family-secondary: var(--our-font);
  --body-family: var(--our-font);
  --primary-h: 200deg;
  --primary-s: 88%;
  --primary-l: 40%;
  --site-background: var(--our-page-light);
  --radius: var(--our-radius);
  --radius-large: var(--our-radius-lg);
}
html:root.dark {
  /* Navy-tinted greys (same lightness steps as Vikunja's own dark scale), sky-blue accent */
  --grey-50-hsl: 214, 46%, 11%;
  --grey-100-hsl: 214, 36%, 17%;
  --grey-200: #2a3a50;
  --grey-300: #40536d;
  --grey-400: #627692;
  --grey-500-hsl: 213, 20%, 66%;
  --primary-h: 200deg;
  --primary-s: 100%;
  --primary-l: 62%;
  --primary-invert: var(--our-accent-ink);
  --switch-view-active-background: var(--our-accent);
  --site-background: var(--our-sky);
}
/* The page behind the app: the desktop's sky in dark mode */
html:root.dark body { background: var(--our-sky-gradient) fixed var(--our-sky); }
body { font-family: var(--our-font); }

/* One typeface everywhere (Vikunja sets a rounded display font directly on these) */
h1, h2, h3, h4, h5, h6, .title, .subtitle, .input.title, .username, .top-menu .menu-list li,
.bottom-sheet__title, .notifications-list .head, .time-control__colon, .is-archived, [class*="title"] {
  font-family: var(--our-font) !important;
}
h1, h2, h3, .title { font-weight: 600 !important; letter-spacing: -0.01em; }

/* Brand: the family crest and "Family Tasks" instead of the llama logo */
.logo-link { display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none; }
.logo-link > div, .logo-link svg.logo { display: none !important; }
.logo-link::before { content: ""; width: 38px; height: 38px; flex: none; background: url("https://our.thcpsolutions.com/alverson-a.svg") center / contain no-repeat; }
.logo-link::after { content: "Family Tasks"; font: 600 1.25rem/1 var(--our-font); color: var(--text-strong, var(--grey-900)); white-space: nowrap; }

/* Softer corners, like the desktop's windows and panels */
.card, .dropdown-content, .modal-content, .task-view, .bucket, [class*="project-card"], .project-grid > a {
  border-radius: var(--our-radius-lg) !important;
}
[class*="project-card"], .project-grid > a { overflow: hidden; }
.input, .textarea, .select select, .button, .tag { border-radius: var(--our-radius) !important; }
.button.is-primary { text-transform: none; font-weight: 600; }

/* Login and link-share pages: no llama illustration */
.no-auth-wrapper, .link-share-container { background-image: none !important; }

/* "Family Tasks", not "Powered by Vikunja" */
a[href*="vikunja.io"] { display: none !important; }