@import "tailwindcss";

/* Brand fonts (#9 sidebar round): Rubik for brand/headings, Karla for brand body.
   Latin variable subsets, same files the JD renderer embeds. */
@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400 700;
  src: url("/fonts/rubik.woff2") format("woff2");
}

@font-face {
  font-family: Karla;
  font-style: normal;
  font-weight: 400 700;
  src: url("/fonts/karla.woff2") format("woff2");
}

.font-brand {
  font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-brand-body {
  font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Sidebar brand-navy theme (direction A, Dr. B 2026-08-04) */
.sidebar-navy {
  background-color: #0a142d;
}

.sidebar-item-active {
  background-color: #182747;
  box-shadow: inset 3px 0 0 #70ff4d;
  color: #ffffff;
}