/*
    DEMO STYLE - PURPLE / VIOLET EDITION
*/

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/* ---------------------------------------------------
    SIDEBAR STYLE & PURPLE PALETTE MAPPINGS
    Swatches: Wisteria, Lavender, Lilac, Orchid, Mauve,
              Amethyst, Plum, Aubergine, Violet, Midnight Purple
----------------------------------------------------- */
:root {
    /* Base Variables (Purple Spectrum Mapping) */
    --hr-green: #4D1A45; /* Plum (Base Accent) */
    --hr-green-light: #612659; /* Amethyst (Light Accent) */
    --hr-green-dark: #3B1235; /* Aubergine (Deep Base) */
    --hr-green-fade: #E8DCED; /* Wisteria (Soft Tint) */
    /* Light Theme Definitions */
    --light-bg: #F7F3F9; /* Soft Wisteria Tint */
    --light-card: #FFFFFF;
    --light-border: #D8C3DD; /* Lavender */
    --light-text: #1C0A1A; /* Midnight Purple */
    --light-header-1-text: #2B0D28; /* Violet */
    --light-header-3-text: var(--hr-green); /* Plum */
    --light-text-muted: #ffe5fc; /* Orchid */
    --light-primary: var(--hr-green);
    --light-primary-bg: var(--hr-green-fade);
    --light-accent: #C7ADC9; /* Lilac */
    --light-profile-card-bg: linear-gradient(135deg, var(--hr-green), var(--hr-green-dark)); /* Plum to Aubergine */
    --light-link-hover-text: #7C3A72; /* Mauve */
    --light-link-text: #FFFFFF;
    /* Dark Theme Definitions */
    --dark-bg: #1C0A1A; /* Midnight Purple */
    --dark-card: #2B0D28; /* Violet */
    --dark-border: #3B1235; /* Aubergine */
    --dark-text: #E8DCED; /* Wisteria */
    --dark-header-1-text: #FFFFFF;
    --dark-header-3-text: #C7ADC9; /* Lilac */
    --dark-text-muted: #3B1235; /* Aubergine */
    --dark-primary: #D8C3DD; /* Lavender */
    --dark-primary-bg: #3B1235; /* Aubergine */
    --dark-accent: #4D1A45; /* Plum */
    --dark-profile-card-bg: linear-gradient(135deg, var(--hr-green-light), var(--hr-green-dark)); /* Amethyst to Aubergine */
    --dark-link-hover-text: #FFFFFF;
    --dark-link-text: #E8DCED;
}

.light {
    --bg: var(--light-bg);
    --card: var(--light-card);
    --border: var(--light-border);
    --text: var(--light-text);
    --header-1-text: var(--light-header-1-text);
    --header-3-text: var(--light-header-3-text);
    --text-muted: var(--light-text-muted);
    --primary: var(--light-primary);
    --primary-bg: var(--light-primary-bg);
    --accent: var(--light-accent);
    --profile-card-bg: var(--light-profile-card-bg);
    --link-hover-text: var(--light-link-hover-text);
    --link-text: var(--light-link-text);
}

.dark {
    --bg: var(--dark-bg);
    --card: var(--dark-card);
    --border: var(--dark-border);
    --text: var(--dark-text);
    --header-1-text: var(--dark-header-1-text);
    --header-3-text: var(--dark-header-3-text);
    --text-muted: var(--dark-text-muted);
    --primary: var(--dark-primary);
    --primary-bg: var(--dark-primary-bg);
    --accent: var(--dark-accent);
    --profile-card-bg: var(--dark-profile-card-bg);
    --link-hover-text: var(--dark-link-hover-text);
    --link-text: var(--dark-link-text);
}