/* =========================================================
   apex_tokens.css
   Apex by Adilas - Design Tokens v10.2
   Canonical shell aligned to CPA / Payroll / Marketing / HQ Command
   Centers (Josh's original UI v10 shell/terminology package). Icon shapes
   were kept as our own (see apex_sidebar.cfm/.css) - only the token
   palette, spacing, and dimensions came from that package.
   Do not hardcode these values elsewhere - reference the
   custom properties so a future token change propagates everywhere.
   ========================================================= */

:root{
	--apex-navy: #082F5F;
	--apex-navy-dark: #05254C;
	--apex-sidebar: #062D59;
	--apex-sidebar-hover: rgba(255,255,255,.075);
	--apex-sidebar-active: #0B63E6;
	--apex-blue: #0B63E6;
	--apex-blue-dark: #0957CA;
	--apex-cyan: #16A9D8;
	--apex-bg: #F7F9FC;
	--apex-surface: #FFFFFF;
	--apex-pale-blue: #EEF5FF;
	--apex-border: #DFE5EC;
	--apex-border-strong: #CBD5E1;
	--apex-text: #16253A;
	--apex-text-muted: #6B778A;
	--apex-success: #159447;
	--apex-warning: #F59E0B;
	--apex-danger: #E03131;

	--apex-radius-xs: 6px;
	--apex-radius-sm: 8px;
	--apex-radius: 10px;
	--apex-radius-lg: 14px;
	--apex-shadow: 0 1px 2px rgba(15,23,42,.035);
	--apex-shadow-hover: 0 6px 18px rgba(15,23,42,.08);

	/* layout */
	--apex-sidebar-width: 224px;
	--apex-sidebar-width-collapsed: 72px;
	--apex-topbar-height: 72px;
	--apex-content-max: 1600px;
	--apex-page-pad-x: 28px;
	--apex-page-pad-y: 20px;

	/* typography */
	--apex-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
	--apex-transition: all .16s ease;
}

/* Tokens may be imported by legacy pages; apply presentation only inside Apex. */
.apex-layout{ color: var(--apex-text); font-family: var(--apex-font); }