/* site.css — sanctioned deltas only (kit contract: ≤30 lines).
   TN Budget Atlas is a Dravidian Urbanism sibling → green leads. */
:root {
  --accent: var(--green-500);
  --link: var(--green-700);
  --link-hover: var(--green-500);
}

/* Tamil is a first-class citizen: self-hosted Noto Sans Tamil for
   name_ta text and map labels. */
@font-face {
  font-family: "Noto Sans Tamil";
  src: url("fonts/noto-sans-tamil-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Noto Sans Tamil";
  src: url("fonts/noto-sans-tamil-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
.ta { font-family: "Noto Sans Tamil", var(--font-body); }

/* the logotype is a long word — hold it on one line without crowding
   the nav's centre column. "budget" carries the green, the domain
   stays in ink. */
.logotype { font-size: var(--step-1); color: var(--accent); }
.logotype__dot, .logotype__st { color: var(--ink); }
.brandline { display: flex; align-items: baseline; gap: .55rem;
             justify-self: start; min-width: 0; }
.brandline__tag { font-size: var(--step--1); color: var(--ink-faint);
                  white-space: nowrap; }
@media (max-width: 1180px) { .brandline__tag { display: none; } }
.footer__brand .logotype { font-size: var(--step-0); }

/* scrollbars, everywhere: hairline, ink, no chrome */
* { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.22) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.16);
  border: 3px solid #fff; border-radius: 0;
}
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.34); }
::-webkit-scrollbar-corner { background: transparent; }