/* ==========================================================================
   Design tokens
   Shared CSS custom properties for colors, radii and transitions.
   Values here currently match student_portal.css exactly (no visual change
   on publish) — this file exists so the employee/backend theme, the
   student_sig portal and any future pages can be modernized incrementally
   from a single source of truth instead of copy-pasted hex values.
   Namespaced with --lis- to avoid colliding with Bootstrap's own
   custom properties (kept in sync with the LIS design system).
   ========================================================================== */

:root {
	/* Brand */
	--lis-color-primary: #2f6fed;
	--lis-color-primary-soft: #eef3ff;
	--lis-color-danger: #e5484d;

	/* Surfaces */
	--lis-color-bg-page: #f2f4f7;
	--lis-color-surface: #ffffff;
	--lis-color-surface-hover: #f8f9fb;

	/* Borders */
	--lis-color-border: #e6e9ef;
	--lis-color-border-soft: #eef0f4;

	/* Sidebar (dark) */
	--lis-color-sidebar-bg: #16233b;
	--lis-color-sidebar-hover: #1f314f;
	--lis-color-sidebar-text: #c4cddd;
	--lis-color-sidebar-text-muted: #8b98ad;

	/* Text (light surfaces) */
	--lis-color-text-heading: #1a2333;
	--lis-color-text-body: #2a3448;
	--lis-color-text-muted: #7c8798;
	--lis-color-text-subtle: #99a3b3;

	/* Radii */
	--lis-radius-sm: 8px;
	--lis-radius-md: 12px;
	--lis-radius-pill: 20px;

	/* Shadow */
	--lis-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);

	/* Motion */
	--lis-transition-fast: 0.2s ease;
}