@charset "UTF-8";
/* ============================================================
   Design Tokens
   Theme-independent values: sizes, spacing, radius

   These values remain constant across all themes.
   Load this file BEFORE any theme CSS.
   ============================================================ */

:root {
	/* ============================================================
	   FONT SIZES
	   Consolidated type scale
	   ============================================================ */
	--font-xs: 9px;      /* Micro: grid cells, dense data */
	--font-sm: 11px;     /* Small: labels, secondary text */
	--font-md: 13px;     /* Medium: body text, buttons */
	--font-lg: 16px;     /* Large: headings, emphasis */
	--font-xl: 20px;     /* X-Large: modal titles */

	/* ============================================================
	   SPACING
	   Consistent margins and padding
	   ============================================================ */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;

	/* ============================================================
	   BORDER RADIUS
	   Corner rounding
	   ============================================================ */
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 8px;
}