/* Royco Ports Services Ltd - house design tokens.
 *
 * ONE definition of the brand palette, shared by every surface that has
 * to look like the same company: the branded /login page
 * (public/css/login.css), the public RTOS site (www/rtos/css/rtos.css),
 * and the React tally pages that already read the same square-corner
 * language.
 *
 * These values were not invented for the public site. They are the
 * login page's own palette, which is the oldest surviving statement of
 * the brand in this app. They used to be copy-pasted into each
 * stylesheet's :root, which meant a palette change had to be made in
 * N places and would silently drift - rtos.css had already ended up
 * spelling the same navy as its own --primary.
 *
 * Served from /assets/wharf_management/css/brand-tokens.css. The bench
 * symlinks sites/assets/wharf_management -> apps/wharf_management/
 * wharf_management/public, so this is reachable from any page without
 * duplicating the file.
 *
 * Load it BEFORE the stylesheet that consumes it, in its own <link>:
 *
 *   <link rel="stylesheet" href="/assets/wharf_management/css/brand-tokens.css">
 *   <link rel="stylesheet" href="rtos/css/rtos.css">
 *
 * A stylesheet that consumes these must not re-define them; it should
 * alias its own names onto them, e.g.
 *
 *   :root { --primary: var(--wm-navy); }
 *
 * so that there is still exactly one place a colour is chosen.
 */

:root {
	--wm-navy: #0b2540;
	--wm-navy-2: #13315c;
	--wm-cyan: #2dd4bf;
	--wm-cyan-2: #14b8a6;
	--wm-gold: #d4af37;     /* metallic gold, used for the bold big letters */
	--wm-gold-2: #b8941f;   /* darker gold for hover / contrast on light bg */
	--wm-paper: #f8fafc;
	--wm-ink: #0f172a;
	--wm-muted: #64748b;
	--wm-line: #e2e8f0;
	--wm-error: #dc2626;
	--wm-error-bg: #fef2f2;
	--wm-radius: 0px; /* industrial square-corner language used across the React tally pages */
}