:root{
/* ── Hauptfarbe / primary ─────────────────────────────── */
--brf-blue:#006097;
--brf-blue-100:#CCDFEA;--brf-blue-200:#B3D0E0;--brf-blue-300:#99BFD5;--brf-blue-400:#7FAFCA;--brf-blue-500:#66A0C1;--brf-blue-600:#4D90B7;--brf-blue-700:#3380AC;--brf-blue-800:#1A70A2;--brf-blue-900:#006097;
/* Blue used for interactive chrome on the website (buttons, member area) */
--brf-blue-link:#12699B;

/* ── Sekundärfarben ───────────────────────────────────── */
--brf-navy:#2C495E;
--brf-steel:#54718A;
--brf-mist:#ECECEC;

/* ── Tertiärfarbe 1 — steel ramp (base #54718A) ───────── */
--brf-t1-100:#EEF1F4;--brf-t1-200:#DDE3E8;--brf-t1-300:#CCD5DC;--brf-t1-400:#BBC6D0;--brf-t1-500:#A9B7C4;--brf-t1-600:#889CAE;--brf-t1-700:#54718A;

/* ── Tertiärfarbe 2 — paper ramp (base #ECECEC) ───────── */
--brf-t2-100:#FEFEFE;--brf-t2-200:#FBFBFB;--brf-t2-300:#FAFAFA;--brf-t2-400:#F6F6F6;--brf-t2-500:#F5F5F5;--brf-t2-600:#F2F2F2;--brf-t2-700:#ECECEC;

/* ── Tertiärfarbe 3 — navy ramp (base #2C495E) ────────── */
--brf-t3-200:#D5DBDF;--brf-t3-300:#C0C9CF;--brf-t3-400:#ABB6BF;--brf-t3-500:#95A3AE;--brf-t3-700:#2C495E;

/* ── Grau ─────────────────────────────────────────────── */
--brf-grey-100:#D3D3D4;--brf-grey-200:#BDBDBF;--brf-grey-300:#A7A7A9;--brf-grey-400:#909092;--brf-grey-500:#7A7A7D;--brf-grey-600:#656568;--brf-grey-700:#4F4F52;--brf-grey-800:#39393D;--brf-grey-900:#232327;
--brf-black:#000000;--brf-white:#FFFFFF;
/* form outline used on member-area inputs */
--brf-hairline:#AFAFAF;

/* ── Semantic aliases ─────────────────────────────────── */
--text-heading:var(--brf-grey-900);
--text-body:var(--brf-grey-900);
--text-muted:var(--brf-grey-600);
--text-inverse:var(--brf-white);
--text-link:var(--brf-blue);
--text-placeholder:var(--brf-hairline);

--surface-page:var(--brf-white);
--surface-alt:var(--brf-mist);
--surface-brand:var(--brf-blue);
--surface-menu:var(--brf-mist);
--surface-menu-hover:var(--brf-t2-500);
--surface-overlay:rgba(0,96,151,.8);

--border-hairline:var(--brf-hairline);
--border-subtle:var(--brf-grey-100);
--rule-accent:var(--brf-blue);

--scrim-image:linear-gradient(180deg,rgba(35,35,39,0) 0%,rgba(35,35,39,.72) 100%); /* @kind color */
--scrim-image-hover:linear-gradient(180deg,rgba(35,35,39,0) 0%,rgba(35,35,39,.15) 100%); /* @kind color */
}