/* Light Theme Variables */
html[data-theme="light"] {
    --primary-color: #2575fc; /* New primary color from gradient */
    --primary-hover-color: #6a11cb; /* New hover color from gradient */
    --secondary-color: #6c757d; /* Keep secondary color for general use */
    --text-color: #333;
    --secondary-text-color: #666;
    --page-bg-color: #f8f9fa; /* Lighter background */
    --header-bg-color: #ffffff; /* This will be overridden by gradient in layout.css */
    --header-text-color: #333; /* This will be overridden by white in layout.css */
    --header-icon-color: #333; /* This will be overridden by white in layout.css */
    --dock-bar-bg-color: #ffffff; /* This will be overridden by gradient in layout.css */
    --dock-item-color: #666; /* This will be overridden by white in layout.css */
    --border-color: #ccc; /* Softer border color */
    --input-bg-color: #fefefe; /* Lighter input background */
    --input-text-color: #333;
    --disabled-bg-color: #e9e9e9;
    --disabled-text-color: #888; /* Slightly darker disabled text */
    --secondary-button-bg: #999; /* Softer secondary button */
    --secondary-button-hover: #777; /* Softer secondary button hover */

    /* Forum specific colors */
    --card-background-color: #ffffff;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --text-color-dark: #2c3e50; /* Darker text for headings */
    --text-color-light: #7f8c8d; /* Lighter text for descriptions */
    --link-color: #3498db; /* Blue for links */
    --primary-color-dark: #1a5bbd; /* Darker shade of primary for hover */
}