/* nu:legal brand overrides for yopass (daisyUI v5).
 * Primary palette: navi (indigo) — derived from nulegal-ui --navi-* tokens.
 * Accent palette: terracotta — derived from nulegal-ui --terracotta-* tokens.
 * Overrides apply on top of daisyUI's emerald (light) and dim (dark) themes,
 * which are the defaults set by /theme-init.js.
 */

[data-theme="emerald"] {
  --color-primary: hsl(241 100% 56%);          /* navi-500 */
  --color-primary-content: hsl(0 0% 100%);
  --color-secondary: hsl(241 84% 22%);         /* navi-900 */
  --color-secondary-content: hsl(0 0% 100%);
  --color-accent: hsl(16 77% 60%);             /* terracotta-500 */
  --color-accent-content: hsl(15 61% 26%);     /* terracotta-900 */
  --color-info: hsl(241 77% 48%);              /* navi-600 */
  --color-info-content: hsl(0 0% 100%);
  --color-success: hsl(152 60% 41%);
  --color-success-content: hsl(0 0% 100%);
  --color-warning: hsl(16 77% 60%);            /* terracotta-500 */
  --color-warning-content: hsl(15 61% 26%);
}

[data-theme="dim"] {
  --color-primary: hsl(241 100% 65%);          /* navi-400 */
  --color-primary-content: hsl(0 0% 100%);
  --color-secondary: hsl(241 100% 78%);        /* navi-200 */
  --color-secondary-content: hsl(243 62% 6%);
  --color-accent: hsl(16 78% 67%);             /* terracotta-400 */
  --color-accent-content: hsl(15 61% 26%);
  --color-info: hsl(241 100% 74%);             /* navi-300 */
  --color-info-content: hsl(243 62% 6%);
  --color-base-100: hsl(243 62% 6%);           /* navi-contrast-900 */
  --color-base-200: hsl(241 84% 22%);          /* navi-900 */
  --color-base-300: hsl(241 77% 28%);          /* navi-800 */
}

/* Info banner injected by /nulegal-init.js. Hidden until populated. */
#nulegal-banner {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 50;
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
  background: hsl(241 100% 56% / 0.08);
  color: hsl(241 84% 22%);
  border-bottom: 1px solid hsl(241 100% 56% / 0.18);
  backdrop-filter: saturate(140%) blur(6px);
}

[data-theme="dim"] #nulegal-banner {
  background: hsl(241 100% 65% / 0.10);
  color: hsl(241 100% 89%);
  border-bottom-color: hsl(241 100% 65% / 0.25);
}

#nulegal-banner a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#nulegal-banner strong {
  font-weight: 600;
}

/* Push app content down so banner does not overlap nav. */
body {
  padding-top: 2.25rem;
}

/* nu:legal navbar wordmark — used by /nulegal-init.js after replacing yopass branding. */
.nulegal-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;
}

.nulegal-brand img {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 7px;
}

.nulegal-wordmark {
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.01em;
  color: hsl(241 84% 22%);
}

.nulegal-wordmark em {
  font-style: normal;
  font-weight: 500;
  color: hsl(16 77% 60%);
}

[data-theme="dim"] .nulegal-wordmark {
  color: hsl(241 100% 89%);
}

[data-theme="dim"] .nulegal-wordmark em {
  color: hsl(16 78% 67%);
}