/*
 * USPIRE ERP — brand tokens and fonts.
 * Source: spec/branding/BRAND_UI.md (USPIRE Brand Identity Guidelines v1.0, Oct 2026).
 * Shared by the Desk (app_include_css), the website/login pages (web_include_css)
 * and future Frappe UI (Vue) pages. Change colours here only.
 * Covers: Phase 1 ch. 18.2 (Company and Structure — branding); F-M03-134.
 */

@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap;
	src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap;
	src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap;
	src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 400; font-style: normal; font-display: swap;
	src: url("../fonts/nunito-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 600; font-style: normal; font-display: swap;
	src: url("../fonts/nunito-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 700; font-style: normal; font-display: swap;
	src: url("../fonts/nunito-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap;
	src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; font-display: swap;
	src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }

:root {
	/* Colours (BRAND_UI.md table). Balance 60% navy · 30% white · 10% gold. */
	--usp-navy: #17144b;
	--usp-navy-2: #221e63;
	--usp-ink: #1c1a33;
	--usp-muted: #5b5873;
	--usp-line: #dcdae8;
	--usp-mist: #f3f2f8;
	--usp-white: #ffffff;
	--usp-gold: #fbb317; /* accent only — never gold text on white */
	--usp-gold-30: #fee8b9;
	--usp-success: #1f8a5b;
	--usp-danger: #c8323a;

	/* Typography */
	--usp-font-heading: "Poppins", "Segoe UI", Arial, sans-serif;
	--usp-font-body: "Nunito Sans", "Segoe UI", Arial, sans-serif;
	--usp-font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;
}

/* Reference numbers, codes and IDs */
.usp-mono,
code,
kbd,
.ql-code-block,
.text-mono {
	font-family: var(--usp-font-mono);
}

/* Gold highlight badge: navy text on gold (never gold on white). */
.usp-badge-gold {
	background: var(--usp-gold);
	color: var(--usp-navy);
	font-family: var(--usp-font-heading);
	font-weight: 600;
	border-radius: 999px;
	padding: 0 8px;
}

/* Frappe v16 Espresso buttons (.es-button). The default "gray" theme's solid variant is
 * the primary action (e.g. login "Continue", "Add User"): navy with white text, Navy 2 on
 * hover/press, gold focus ring. Red (danger) buttons keep their own theme. */
.es-button:not([data-theme="red"]) {
	--bt-solid-bg: var(--usp-navy);
	--bt-solid-bg-hover: var(--usp-navy-2);
	--bt-solid-bg-active: var(--usp-navy-2);
	--bt-solid-fg: var(--usp-white);
	--bt-focus: 0 0 0 2px var(--usp-gold);
}
.es-button[data-variant="solid"]:not([data-theme="red"]) {
	font-family: var(--usp-font-heading);
	font-weight: 500;
}