@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 — ≥4.5:1 vs --color-bg for body copy */
    --color-text-contrast: #000; /* Black text for contrast */
    /* Green accents: tuned for ≥4.5:1 as *text* on --color-bg / --color-bg-light; black (#000) on primary fill ≥4.5:1 */
    --color-primary: #6d8a62;
    --color-secondary: #7a9e82;
    --color-border: #3a3a3a;     /* Subtle gray border */
    /* Aliases / derived (WCAG AA on typical surfaces when paired as documented) */
    --color-text-light: var(--color-text-mid); /* deprecated name: use --color-text-mid */
    --color-footer-bg: var(--color-bg-light);
    --color-footer-text: var(--color-text);
    --color-footer-link: var(--color-secondary); /* primary on footer bg was below 4.5:1 */
    /* NIP-84 highlight mark: light yellow-green fill needs dark ink (not inherited light body text) */
    --color-highlight-mark-fg: #1a1a1a;
    --color-link: var(--color-secondary);
    --color-link-hover: var(--color-text);
    --color-focus-ring: var(--color-secondary);
    --color-shadow: color-mix(in srgb, var(--color-text) 16%, transparent);
    --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;
    --accent-color: var(--color-secondary);
}