/*
    DEMO STYLE
*/

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

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
:root {
    --hr-green: #582C4F;         /* Base Wine */
    --hr-green-light: #7D4572;   /* Light Wine */
    --hr-green-dark: #3A1B34;    /* Dark Wine */
    --hr-green-fade: #EBD9E6;    /* Faded Wine/Rose */
    
    --light-bg: #fdfafc;
    --light-card: #fff;/*var(--hr-green-fade);*/
    --light-border: #f0e2ec;
    --light-text: #2d1a29;
    --light-header-1-text: #2d1a29;
    --light-header-3-text: #b19567;
    --light-text-muted: #f9f1f7;
    --light-primary: #582C4F;
    --light-primary-bg: #EBD9E6;
    --light-accent: #f9f1f7;
    --light-profile-card-bg: linear-gradient(135deg, var(--hr-green), var(--hr-green-dark));
    --light-link-hover-text: var(--hr-green-light);
    --light-link-text: #fff;

    --dark-bg: #000; /*1a0f18*/
    --dark-card: #2d1a29;
    --dark-border: #442a3e;
    --dark-text: #f9f1f7;
    --dark-header-1-text: #f9f1f7;
    --dark-header-3-text: #e2c077; /* Kept gold for high-end contrast */
    --dark-text-muted: #2d1a29;
    --dark-primary: #f0b5e1;
    --dark-primary-bg: #442a3e;
    --dark-accent: #442a3e;
    --dark-profile-card-bg: linear-gradient(135deg, var(--hr-green-light), var(--hr-green-fade));
    --dark-link-hover-text: #fff;
    --dark-link-text: var(--hr-green);
}

.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);
}