:root {
    /* --- Light Lavender & Slate Business Theme --- */

    /* Primary actions, active states, main links */
    --primary-color: #7B68EE; /* Medium Slate Blue / Lavender */

    /* Secondary elements, hover states */
    --secondary-color: #5A4CAD; /* A deeper, more serious purple */

    /* Light backgrounds for elements like Q&A items */
    --light-accent-color: #F8F7FF; /* Very light, almost white lavender */
    
    /* Hover state for light elements */
    --hover-accent-color: #E6E6FA; /* A gentle, classic Lavender */

    /* Main page background */
    --background-color: #FFFFFF; /* Clean, crisp white */

    /* Standard body text */
    --text-color: #343a40; /* A softer, near-black for high readability */

    /* Main headings and important text */
    --heading-text-color: #2c3e50; /* Dark Slate Blue (pairs well with lavender) */

    /* Text on dark/colored backgrounds */
    --light-text-color: #ffffff; /* White */
    
    /* Background for main content containers (if different from page bg) */
    --container-bg-color: #ffffff; /* White */

    /* Standard borders */
    --border-color: #e0e0e0; /* Light, neutral gray */

    /* Lighter borders for separators */
    --light-border-color: #f0f0f5; /* Very light lavender-gray */
    
    /* Box shadows */
    --shadow-color: rgba(90, 76, 173, 0.07); /* A faint shadow based on the secondary color */

    /* --- Fonts (Unchanged) --- */
    --font-heading: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}