/**
 * Forum Bnei Brak design tokens — the single visual source of truth.
 * Owner-approved system: “community noticeboard in a book cover”, V3.
 */
@font-face {
	font-family: "Noto Sans Hebrew BNB";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("fonts/noto-sans-hebrew.woff2") format("woff2");
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

:root {
	--bnb-paper: #eef1f6;
	--bnb-surface: #ffffff;
	--bnb-surface-2: #eef1f6;
	--bnb-ink: #141b2c;
	--bnb-ink-soft: #3d4763;
	--bnb-muted: #5b6480;
	--bnb-line: #d9dfe9;
	--bnb-navy-950: #0b1526;
	--bnb-navy-900: #0d2244;
	--bnb-navy-800: #1a3766;
	--bnb-navy-700: #234775;
	--bnb-gold: #8a6420;
	--bnb-gold-bright: #c8a24a;
	--bnb-gold-pale: #f1e2bd;
	--bnb-gold-ink: #5c430f;
	--bnb-verified: #146b43;
	--bnb-verified-soft: #e3f5ec;
	--bnb-danger: #98301f;
	--bnb-danger-soft: #fbeae7;
	--bnb-info-soft: #e7eef8;
	--bnb-r-sm: 14px;
	--bnb-r: 14px;
	--bnb-r-lg: 22px;
	--bnb-r-pill: 999px;
	--bnb-shadow-sm: 0 1px 2px rgb(15 25 45 / 5%);
	--bnb-shadow: 0 2px 6px rgb(15 25 45 / 6%), 0 10px 26px rgb(15 25 45 / 7%);
	--bnb-shadow-lg: 0 18px 46px rgb(15 25 45 / 16%);
	--bnb-space-1: 0.25rem;
	--bnb-space-2: 0.5rem;
	--bnb-space-3: 0.75rem;
	--bnb-space-4: 1rem;
	--bnb-space-5: 1.5rem;
	--bnb-space-6: 2rem;
	--bnb-space-7: 3rem;
	--bnb-space-8: 4rem;
	--bnb-space-9: 6rem;
	--bnb-wrap: min(100% - 2.5rem, 77.5rem);
	--bnb-reading: min(100% - 2.5rem, 51rem);
	--bnb-tap: 44px;
	--bnb-font: "Noto Sans Hebrew BNB", Arial, sans-serif;
	--bnb-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	/* Compatibility aliases. New product CSS must use the canonical tokens above. */
	/**
	 * Role tokens for navy used as *text*.
	 *
	 * The navy scale plays two roles at once: a dark panel background (white text
	 * on it) and a heading colour on a light surface. One value cannot serve both
	 * once the surface flips, which is why the dark palette produced 1.05–1.82
	 * contrast on every navy heading. These role tokens carry the text role, and
	 * the dark palette redefines only them.
	 */
	--bnb-heading-ink: var(--bnb-navy-900);
	--bnb-heading-ink-strong: var(--bnb-navy-950);
	--bnb-heading-ink-soft: var(--bnb-navy-700);
	--bnb-color-navy: var(--bnb-navy-900);
	--bnb-color-navy-soft: var(--bnb-navy-800);
	--bnb-color-gold: var(--bnb-gold);
	--bnb-color-gold-pale: var(--bnb-gold-pale);
	--bnb-color-canvas: var(--bnb-paper);
	--bnb-color-surface: var(--bnb-surface);
	--bnb-color-text: var(--bnb-ink);
	--bnb-color-muted: var(--bnb-muted);
	--bnb-color-border: var(--bnb-line);
	--bnb-color-focus: var(--bnb-gold);
	--bnb-radius-card: var(--bnb-r);
	--bnb-shadow-card: var(--bnb-shadow);
	--bnb-font-hebrew: var(--bnb-font);
}

:root[data-theme="dark"] {
	--bnb-paper: #0a0f1c;
	--bnb-surface: #121b2e;
	--bnb-surface-2: #0e1728;
	--bnb-ink: #eef0f6;
	--bnb-ink-soft: #c3cbdd;
	--bnb-muted: #9aa6bf;
	--bnb-line: #233052;
	--bnb-gold: #d9ab52;
	--bnb-gold-ink: #e9c988;
	--bnb-verified: #57c793;
	--bnb-danger: #e3897b;
	--bnb-verified-soft: #16382e;
	--bnb-danger-soft: #3a201f;
	--bnb-info-soft: #172742;
	/* Navy stays navy as a panel background — white on it is 15.3:1 — but the
	   text role has to invert or every heading disappears into the surface. */
	--bnb-heading-ink: var(--bnb-ink);
	--bnb-heading-ink-strong: #ffffff;
	--bnb-heading-ink-soft: var(--bnb-ink-soft);
	/* The pale gold panel is a light-surface value; on a dark page it left
	   ink-on-panel at 1.13:1. */
	--bnb-gold-pale: #3a2f16;
	--bnb-gold-bright: #f0c977;
}