/*
 * fairbroker corporate design, taken from www.fairbroker.de (logo 2026, colours, fonts).
 * Loaded before pages-modern.css, form-modern.css and shell.css, which use these variables.
 * The dark theme (shell.css, [data-theme=dark]) sets the same variables with dark values.
 *
 * Fonts: Abel (headings) and Martel Sans (text), SIL Open Font License.
 * Self-hosted on purpose: loading them from Google Fonts would send visitor IP addresses to Google (DSGVO).
 */
@font-face {
	font-family: "Abel";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/abel-400.woff2) format("woff2");
}
@font-face {
	font-family: "Martel Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/martel-sans-400.woff2) format("woff2");
}
@font-face {
	font-family: "Martel Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/fonts/martel-sans-600.woff2) format("woff2");
}
@font-face {
	font-family: "Martel Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/fonts/martel-sans-700.woff2) format("woff2");
}

:root {
	/* brand */
	--fb-navy: #024581;          /* "fair" and the arc in the logo */
	--fb-blue: #367498;          /* headings and buttons on fairbroker.de */
	--fb-blue-dark: #2b5d7a;     /* hover / pressed */
	--fb-blue-soft: #e6eff4;     /* active menu item, selected option */
	--fb-blue-soft-2: #d7e5ed;
	--fb-blue-tint: #f3f7fa;     /* row hover */
	--fb-blue-border: #b9d0dd;

	/* neutrals: fairbroker.de uses neutral greys, not blue-greys */
	--fb-text: #323335;
	--fb-text-2: #4e5056;
	--fb-muted: #6a6c71;
	--fb-faint: #7c7f85;
	--fb-border-strong: #c4c6ca;
	--fb-border: #d9dadd;
	--fb-border-soft: #e6e7e9;
	--fb-line: #eeeff0;
	--fb-line-2: #e9eaec;
	--fb-hover: #f3f4f5;
	--fb-subtle: #fafafa;
	--fb-bg: #f5f6f7;
	--fb-surface: #fff;          /* cards, inputs */
	--fb-surface-2: #fafbfc;     /* raised parts inside cards */

	--fb-shadow: rgba(30, 32, 36, .05);

	--fb-font: "Martel Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
	--fb-font-heading: "Abel", "Arial Narrow", "Segoe UI", sans-serif;

	--fb-radius: 5px;            /* buttons and inputs, as on fairbroker.de */
	--fb-radius-card: 8px;
}

/* buttons do not inherit the page font by default */
button { font-family: var(--fb-font); }