/**
 * @fileoverview Provides logging functionality for CSS color variables.
 * This file handles:
 * - Logging of base color loading status
 * - Logging of CSS file loading status
 * - Logging of primary and secondary color values
 */

// Log initial base colors loading
console.log('[CSS] Base colors loaded');

/**
 * Logs CSS color information when the DOM is fully loaded.
 * Reports:
 * - CSS files loading status
 * - Primary color value from CSS variables
 * - Secondary color value from CSS variables
 * @function
 */
document.addEventListener('DOMContentLoaded', function() {
    console.log('[CSS] All CSS files loaded');
    console.log('[CSS] Primary color:', getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim());
    console.log('[CSS] Secondary color:', getComputedStyle(document.documentElement).getPropertyValue('--secondary-color').trim());
});