/* CSS Custom Properties (Variables)
   ================================
   Centralized design tokens for consistent styling across the site.
*/

:root {
	/* App color fallback (overridden per page via inline style). */
	--app-color: #0054A0;

	/* Text colors */
	--text-muted: #495057;
	--text-dark: #000;
	--color-white: #fff;

	/* Code styling */
	--code-bg: #eee;
	--code-color: blue;

	/* Layout dimensions */
	--sidebar-width: 300px;
	--header-height: 84px; /* 60px image + 24px padding (0.75rem * 2) */
	--footer-height: 60px; /* Approximate footer height */
	--nav-offset: calc(var(--header-height) + var(--footer-height) + 26px); /* +26px margin buffer */

	/* Border radius */
	--radius-sm: 4px;

	/* Transitions */
	--transition-fast: 0.15s ease-in-out;
	--transition-normal: 0.2s ease-in-out;

	/* Typography */
	--font-size-base: 15px;
	--font-size-sm: 13.5px;
	--font-size-inner: 0.9rem;

	/* Z-index layers */
	--z-skip-link: 1000;
}