You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.9 KiB
65 lines
2.9 KiB
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); |
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); |
|
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); |
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap'); |
|
|
|
|
|
:root { |
|
--color-bg: #1a1a1a; /* Deep charcoal background */ |
|
--color-bg-light: #2a2a2a; /* Slightly lighter charcoal */ |
|
--color-bg-primary: #2e1f2e; /* Muted aubergine for a rich, elegant feel */ |
|
--color-text: #f5f5f5; /* Soft white for readability */ |
|
--color-text-mid: #d8d8d8; /* Warm light gray */ |
|
--color-text-contrast: #000; /* Black text for contrast */ |
|
--color-primary: #5F7355; /* Plum primary color */ |
|
--color-secondary: #495544; /* secondary color */ |
|
--color-border: #3a3a3a; /* Subtle gray border */ |
|
--font-family: 'Montserrat', serif; /* Set the Montserrat font as default */ |
|
--main-body-font: 'Newsreader', serif; /* Set the font for the main body */ |
|
--heading-font: 'EB Garamond', serif; /* Set the font for headings */ |
|
--brand-font: 'Lobster', serif; /* A classic, refined branding font */ |
|
--brand-color: white; |
|
|
|
--color-accent-strong: #E1B574; /* warm goldenrod (strong accent) */ |
|
--color-accent: #8FCB7E; /* fresh moss (main accent) */ |
|
--color-accent-600: #7FBF70; |
|
--color-accent-500: #8FCB7E; |
|
--color-accent-400: #A5D692; |
|
--color-accent-300: #BCE3A9; |
|
--color-teal-500: #78C8BD; |
|
--color-teal-400: #8ED5CC; |
|
--color-lilac-500: #B98BDC; |
|
--color-lilac-400: #C7A1E3; |
|
} |
|
|
|
[data-theme="light"] { |
|
--color-bg: #f4f1ee; |
|
--color-bg-light: #e8e4df; |
|
--color-text: #2a2a2a; |
|
--color-text-mid: #3a3a3a; /* Warm light gray */ |
|
--color-text-contrast: #f4f1ee; |
|
--brand-color: black; |
|
} |
|
|
|
[data-theme="space"] { |
|
--color-bg: #141120; /* Deep violet-black */ |
|
--color-bg-light: #1e1a2e; /* Slightly lighter for contrast */ |
|
--color-bg-primary: #251634; /* Rich purple base (darkened brand tone) */ |
|
|
|
--color-text: #f4f0fc; /* Near-white with a lavender hue */ |
|
--color-text-mid: #c9b9eb; /* Soft pastel lavender */ |
|
--color-text-contrast: #0c0712; /* Near-black for contrast */ |
|
|
|
--color-primary: #c095f4; /* Vibrant purple (the new brand) */ |
|
--color-primary-light: #c9b9eb; /* Lighter variant for hovers/effects */ |
|
--color-secondary: #e8bb8d; /* Warm tan/peach for complementary balance */ |
|
--color-secondary-light: #f4d6b6; /* Lighter peach tone */ |
|
--color-secondary-bg: #fbebdb; /* Ultra-light background variant */ |
|
|
|
--color-border: #322c44; /* Subtle purple-gray */ |
|
|
|
--brand-color: rgb(147, 51, 234); |
|
--brand-font: 'Poppins', sans-serif; /* A classic, refined branding font */ |
|
|
|
} |
|
|
|
|