34 lines
1.1 KiB
CSS
34 lines
1.1 KiB
CSS
|
|
:root {
|
|
--primary-color: #4fc3f7;
|
|
--primary-color-light: #81d4fa;
|
|
--secondary-color: #667eea;
|
|
--tertiary-color: #764ba2;
|
|
|
|
--button-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.5), rgba(10, 10, 40, 0.4));
|
|
--button-hover-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.75), rgba(10, 10, 40, 0.4));
|
|
|
|
--background-color: #000000;
|
|
--glass-background: rgba(20, 20, 20, 0.1);
|
|
--glass-border: rgba(255, 255, 255, 0.18);
|
|
--glass-shadow: rgba(31, 38, 135, 0.30);
|
|
|
|
--text-color: #ffffff;
|
|
--text-color-light: rgba(255, 255, 255, 0.8);
|
|
--text-color-dark: rgba(255, 255, 255, 0.45);
|
|
|
|
--font-family: "Lexend", sans-serif;
|
|
|
|
--border-radius: 16px;
|
|
--border-radius-large: 24px;
|
|
|
|
--box-shadow: 0 8px 36px 0px var(--glass-shadow);
|
|
--inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
/* semi-transparent helpers for animated shadows */
|
|
--primary-color-16: rgba(55, 187, 248, 0.16);
|
|
--tertiary-color-20: rgba(106, 50, 161, 0.2);
|
|
--dark-shadow-15: rgba(0,0,0,0.15);
|
|
--dark-shadow-18: rgba(0,0,0,0.18);
|
|
--dark-shadow-20: rgba(0,0,0,0.20);
|
|
}
|