:root {
    /* Primary color & variants */
    --color-primary: #5d3a58;         /* Deep plum accent */
    --color-primary-container: #f2f2f2; /* Light grey for surfaces */
    --color-on-primary: #ffffff;      /* White text on deep plum for readability */
    --color-on-primary-container: #333333; /* Dark text on light container */

    /* Secondary color & variants */
    --color-secondary: #455a64;       /* Blue Gray 700 */
    --color-secondary-container: #f2f2f2; /* Light grey container */
    --color-on-secondary: #ffffff;    /* White on dark secondary */
    --color-on-secondary-container: #263238; /* Dark text on light secondary container */

    /* Background and surface */
    --color-background: #ffffff;      /* Pure white background */
    --color-on-background: #333333;   /* Dark text on light background for readability */

    --color-surface: #ffffff;         /* Neutral surface */
    --color-surface-variant: #f2f2f2; /* Light grey for subtle elevation */
    --color-on-surface: #333333;      /* Dark text for readability */

    /* Outline and borders */
    --color-outline: #79747e;         /* M3 standard outline tone */
    --color-outline-variant: #cac4d0; /* Soft outline */

    /* Error colors */
    --color-error: #b3261e;
    --color-on-error: #ffffff;
    --color-error-container: #f9dedc;
    --color-on-error-container: #410e0b;

    /* Additional theme colors */
    /*--color-accent: #ffcc00;          !* Yellow accent color *!*/
    --color-accent: #5d3a58;         /* Deep plum accent */
    --color-background-alt: #7b8a8a;  /* Alternative background color */
    --color-black: #000000;           /* Pure black */
    --color-white-transparent: #ffffffa6; /* Semi-transparent white */
    --color-divi-accent: #2ea3f2;     /* Divi theme accent color */
    --color-dark-border: #2d3940;     /* Dark border color */
    --color-text-dark: #3e3e3e;       /* Dark text color */
    --color-text-medium: #4e4e4e;     /* Medium text color */
    --color-background-light: #f3f3f3; /* Light background color */
    --color-background-medium: #e2e2e2; /* Medium background color */
    --color-purple-accent: #974df3;   /* Purple accent color */
    --color-purple-background: #7e3bd0; /* Purple background color */
    --color-teal: #29c4a9;            /* Teal color */
    --color-dark-background: #464646; /* Dark background color */
    --color-light-border: #e5e5e5;    /* Light border color */
    --color-cyan: #82c0c7;            /* Cyan color */

    /* Gradient colors */
    /*--color-gradient-start: #d6bb52;*/
    /*--color-gradient-middle: #f7e981;*/
    /*--color-gradient-end: #d8be55;*/

    --color-gradient-start: #7a4b70;     /* Dusty plum */
    --color-gradient-middle: #d972bc;   /* Rosy mauve */
    --color-gradient-end: #5d3a58;      /* Deep plum */

    /*--color-gradient-start-rgb: 248;*/
    /*--color-gradient-middle-rgb: 195;*/
    /*--color-gradient-end-rgb: 37;*/

    --color-gradient-start-rgb: 183, 143, 60;     /* Goldenrod tone */
    --color-gradient-middle-rgb: 228, 199, 102;   /* Soft gold */
    --color-gradient-end-rgb: 93, 58, 88;         /* Deep plum (matches --color-primary) */
}