/* ==========================================================================
   pssc-brand.css - the club's design tokens and type pairing (2026-09-23).
   Loaded last on every page. Colour tokens are shared by the whole site;
   the new typefaces apply to the public site only, so the members' and
   committee area keep their Apple-style system font.
   ========================================================================== */
:root {
  --ink: #0f1b33;       /* body text, headings        17.1:1 on white */
  --navy: #0d2350;      /* header, hero, footer       white text 15.3:1 */
  --blue: #1049a9;      /* buttons, links             8.2:1 */
  --red: #c8102e;       /* urgent only: errors, "act now" 5.9:1 */
  --saffron: #f5a623;   /* highlights, focus on navy  ink on it 8.5:1; never text on white */
  --field: #0b7a4b;     /* volunteering, success, paid  5.4:1 */
  --muted: #5b6b86;     /* secondary text             5.4:1 */
  --surface: #f6f8fc;
  --line: #e4e9f2;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Gurmukhi", sans-serif;
  --font-display: "Barlow Semi Condensed", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Gurmukhi", sans-serif;
}

/* ---------- public site typography ---------- */
body:not(.pssc-crm) {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body:not(.pssc-crm) h1,
body:not(.pssc-crm) h2,
body:not(.pssc-crm) .section-head h2,
body:not(.pssc-crm) .hero h1 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.12;
}
body:not(.pssc-crm) h3 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: .005em;
}
body:not(.pssc-crm) .kicker,
body:not(.pssc-crm) .tag,
body:not(.pssc-crm) .nx-lane {
  font-family: var(--font-display);
  letter-spacing: .08em;
}

/* Punjabi text keeps its own face, a touch larger so both scripts look the same weight */
:lang(pa), [lang="pa"] { font-family: "Noto Sans Gurmukhi", var(--font-body); }
body:not(.pssc-crm) :lang(pa), body:not(.pssc-crm) [lang="pa"] { font-size: 1.05em; }

/* ---------- numbers line up everywhere: fees, scores, dates ---------- */
table, .num, td.num, .money, .nx-proof b, .tile .v, .todo-n { font-variant-numeric: tabular-nums; }

/* ---------- keyboard focus that is always visible ---------- */
:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
.hero :focus-visible, .nx-proof :focus-visible, footer :focus-visible, .px-hero :focus-visible { outline-color: var(--saffron); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}