/* gl-forecast only. Colours come from theme.css tokens: no hex here (tests/test_brand.py). */

/* product label after the KachiFlow wordmark */
.pnav .product { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-2); padding-left: 10px; border-left: 1px solid var(--border-strong); white-space: nowrap; }
.pnav .who { color: var(--text-2); font-size: 13px; white-space: nowrap; }
.pnav .who:hover { color: var(--text); }

/* Plex Mono was dropped: anything still marked font-mono gets Plex Sans with aligned figures */
.font-mono { font-variant-numeric: tabular-nums; }

/* Google sign-in button keeps Google's mark (their colours, in brand/google-g.svg) */
.btn.google { display: flex; align-items: center; justify-content: center; gap: 10px; }
.or { display: flex; align-items: center; gap: 10px; margin: 16px 0; color: var(--text-3); font-size: 12px; }
.or::before, .or::after { content: ""; height: 1px; flex: 1; background: var(--border); }
.check-row { display: flex; align-items: center; gap: 8px; color: var(--text-2); margin-bottom: 14px; }
.check-row input { accent-color: var(--accent); }

.site-foot { max-width: 1040px; margin: 0 auto; padding: 40px 24px; font-size: 12px; color: var(--text-3); }