/* Bisro design tokens. Palette C "Sky & charcoal" (owner pick 2026-10-17): app sky accent, charcoal instead of navy. */
:root {
  --sky: #38BDF8; --sky-dark: #0284C7; --link: #0369A1; --sky-light: #E0F2FE; --ink: #1F2328; --ink-2: #2B3138;
  --bg: #FAFBFC; --card: #FFFFFF; --muted: #4B5563; --faint: #5B6470; --border: #E2E8F0;
  --teal: #00B894; --gold: #D4AF37; --red: #BA1A1A;   /* red is for dues only */
  --font: "Outfit", "Bisro Glyphs", system-ui, sans-serif; --gl: clamp(16px, 5.6vw, 88px);
  --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");   /* tick icon, drawn as a mask (no ✓ font glyph needed) */
  color-scheme: light;
}
/* page language picks the font stack; a single Telugu/Hindi word on another page keeps the page stack,
   whose "Bisro Glyphs" subsets cover it (no full Indic font download for one word) */
html[lang="te"] { --font: "Outfit", "Noto Sans Telugu", "Bisro Glyphs", system-ui, sans-serif }
html[lang="hi"] { --font: "Outfit", "Noto Sans Devanagari", "Bisro Glyphs", system-ui, sans-serif }