:root {

/* Outer variables */

--primary-background: #f4f4f9;
--secondary-background: #fff;
--tertiary-background: #f7f7f7;
--primary-text: #333;
--secondary-text: #444;
--tertiary-text: #666;
--headfoot-background: #2e2b54;
--headfoot-text: #fff;
--accent-color-primary-rgb: 74, 69, 135; /* == #2e2b54 */
--accent-color-secondary-rgb: 0, 120, 215; /* == #0078d7 */
--accent-color-tertiary-rgb: 255, 140, 0; /* == #ff9800 */
--accent-color-primary: rgb(var(--accent-color-primary-rgb));
--accent-color-secondary: rgb(var(--accent-color-secondary-rgb));
--accent-color-tertiary: rgb(var(--accent-color-tertiary-rgb));
--header-image: url('images/scene.jpg');
--link-color-rgb: 20, 55, 204; /* == #0037cc */
--link-color: rgb(var(--link-color-rgb));

--header-background:  linear-gradient(to bottom, rgba(var(--accent-color-primary-rgb), 0.5), rgba(var(--accent-color-primary-rgb), 1.0)), var(--header-image);
--header-background: linear-gradient(to bottom, rgba(46, 43, 84, 0.5), rgba(46, 43, 84, 1)), url('images/scene.jpg');


--nav-text: #fff;
--title-underline: 2px solid var(--accent-color-secondary);
--title-color: var(--accent-color-secondary);
--shadow-primary: 0 4px 6px rgba(0, 0, 0, 0.1);
--shadow-secondary: 0 3px 10px rgba(0, 0, 0, 0.15);
--shadow-tertiary:0 4px 16px rgba(46,43,84,0.07);
--hover-button-bg: rgb(64, 60, 116);
--hover-button-highlight: rgb(74, 152, 226);
--impressum-nav: rgb(120, 155, 255);

/* news variables */
--news-box-shadow: 0 2px 4px rgba(0,0,0,0.05);
--news-date-color: var(--tertiary-text);

/* publication page */
--border-slight: 1px solid #ddd;
--border-strong: 1px solid #b3d1f2;

/* vita */
--profile-background: linear-gradient(135deg, #f9f9fc 0%, #eef4ff 100%);
--highlight-border:  5px solid #0078d7; /* border-left */
--profile-shadow: 0 6px 18px rgba(0, 120, 215, 0.1);
--cv-image-border: 3px solid white;
--featured-courses-background: linear-gradient(to right, #f9f9fc, #f0f8ff);

/* social media */
--social-media-border: 1px solid #222;
--social-media-hover: rgba(255, 255, 255, 0.25);


/* blog post */
--blog-post-border-title: 1px solid #ddd;
--hashtag-background: #f0f0f0;
--hashtag-color: var(--accent-color-secondary);

/* teaching */
--optional-module-border: 4px solid var(--accent-color-tertiary);

}

[data-theme="dark"] {


/* Outer variables */

--primary-background: #363636;
--secondary-background: #0f0f0f;
--tertiary-background: #272727;
--primary-text: #eee;
--secondary-text: #aaa;
--tertiary-text: #999;
--headfoot-background: #2e2b54;
--headfoot-text: #fff;
--accent-color-primary-rgb: 174, 169, 252; /* == #7c75e7 */
--accent-color-secondary-rgb: 20, 124, 235; /* == #1e90ff */
--accent-color-tertiary-rgb: 215, 110, 0; /* == #ff9800 */
--accent-color-primary: rgb(var(--accent-color-primary-rgb));
--accent-color-secondary: rgb(var(--accent-color-secondary-rgb));
--accent-color-tertiary: rgb(var(--accent-color-tertiary-rgb));
--link-color-rgb: 120, 155, 255; /* == #0037cc */
--link-color: rgb(var(--link-color-rgb));

--nav-text: #2c2c2c;
--title-underline: 2px solid var(--accent-color-secondary);
--title-color: var(--accent-color-secondary);
--shadow-primary: 0 4px 6px rgba(255, 255, 255, 0.1);
--shadow-secondary: 0 3px 10px rgba(255, 255, 255, 0.15);
--shadow-tertiary:0 4px 16px rgba(78, 68, 227, 0.07);

/* news variables */
--news-box-shadow: 0 2px 4px rgba(var(--accent-color-tertiary-rgb),0.05);
--news-date-color: var(--tertiary-text);

/* publication page */
--border-slight: 1px solid #ddd;
--border-strong: 1px solid #b3d1f2;

/* vita */
--profile-background: linear-gradient(135deg, var(--secondary-background) 0%, var(--tertiary-background) 100%);
--highlight-border:  5px solid #0078d7; /* border-left */
--profile-shadow: 0 6px 18px rgba(0, 120, 215, 0.1);
--cv-image-border: 3px solid white;
--featured-courses-background: linear-gradient(to right, #0c0c0c, #242424);

/* social media */
--social-media-border: 1px solid #b8b7b7;
--social-media-hover: rgba(var(--accent-color-secondary-rgb), 0.25);


/* blog post */
--blog-post-border-title: 1px solid #ddd;
--hashtag-background: var(--tertiary-background);
--hashtag-color: var(--accent-color-secondary);

/* teaching */
--optional-module-border: 4px solid var(--accent-color-tertiary);

}