﻿:root {
    /* Primary Theme Colors (Royal Purple) */
    --theme-primary: rgb(108, 81, 164); /* Royal Purple */
    --theme-primary-dark: rgb(85, 60, 140); /* Deep Purple */
    --theme-primary-light: rgb(145, 115, 200); /* Lavender Purple */
    --theme-primary-text: white; /* High contrast */
    /* Secondary Theme Colors (Soft Lilac / Orchid) */
    --theme-secondary: rgb(145, 115, 200); /* Soft Orchid */
    --theme-secondary-dark: rgb(120, 90, 170); /* Medium Purple */
    --theme-secondary-light: rgb(190, 170, 230); /* Pastel Lavender */
    --theme-secondary-text: rgb(250, 245, 255); /* Very light purple-tinted white */
    /* Dark/Neutral Colors */
    --theme-dark: rgb(40, 25, 65); /* Deep Plum */
    --theme-dark-border: rgb(30, 20, 50); /* Even deeper */
    --theme-dark-hover: rgb(25, 15, 45); /* Hover state */
    --theme-dark-text: white;
    /* Neutral/Accessory Colors */
    --theme-neutral: rgb(245, 240, 250); /* Lavender-tinted white */
    --theme-neutral-dark: rgb(230, 220, 240); /* Slightly darker neutral */
    --theme-neutral-text: rgb(35, 30, 45); /* Deep charcoal purple */
    /* Button Colors */
    --theme-button-primary-bg: var(--theme-primary-dark);
    --theme-button-primary-text: var(--theme-primary-text);
    --theme-button-primary-border: var(--theme-primary);
    --theme-button-primary-hover: var(--theme-primary-light);
    --theme-button-secondary-bg: var(--theme-secondary-dark);
    --theme-button-secondary-text: var(--theme-secondary-text);
    --theme-button-secondary-border: var(--theme-secondary);
    --theme-button-secondary-hover: var(--theme-secondary-light);
    --theme-button-dark-bg: var(--theme-dark);
    --theme-button-dark-text: var(--theme-dark-text);
    --theme-button-dark-border: var(--theme-dark-border);
    --theme-button-dark-hover: var(--theme-dark-hover);

    /* Navigation Colors */
    --theme-navigation-color: rgba(255, 255, 255, 0.9);
    --theme-navigation-hover: rgba(30, 20, 50, 0.95);
    --theme-navigation-hover1: rgba(30, 20, 50, 0.7); 

    /* Page Defaults */
    --theme-body-bg: var(--theme-neutral);
    --theme-body-text: var(--theme-neutral-text);
    --theme-font-weight: 600;
}
