/** * ========================================================================== * CSS VARIABLES - DESIGN TOKENS * ========================================================================== * * Central configuration file for all design tokens used throughout Teoriklar. * All colors, spacing, typography, and other visual properties are defined here. * * THEMING: * - Light theme is the default (defined in :root) * - Dark theme is activated via data-theme="dark" attribute on * - Theme is toggled via js/utils/theme.js * * PHP INTEGRATION: * - These values are static CSS; no PHP conversion needed * - Theme preference is stored in localStorage and applied via JavaScript * - School-specific branding (accent colors) could be injected via PHP * by outputting custom CSS variables in a