@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: #8FCB7E;           /* fresh moss (main accent) */
    --color-accent-strong: #B98BDC;    /* lilac pop for headings/CTAs */
    --color-accent-teal: #78C8BD;      /* teal for tags/pills */
    --color-accent-warm: #E1B574;      /* warm highlight (badges/notes) */
    --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 */

}