/* Muse Website Color System */

/* Based on Muse app colors for brand consistency */

:root {
    /* ========================================
     COLOR DEFINITIONS (Light & Dark Pairs)
     ======================================== */
    /* Base RGB Colors for opacity flexibility */
    --lm-white-rgb: 255, 255, 255;
    --dm-white-rgb: 26, 26, 26;
    /* Dark background RGB */
    --lm-black-rgb: 0, 0, 0;
    --dm-black-rgb: 255, 255, 255;
    /* Light text RGB */
    --lm-beige-rgb: 249, 247, 244;
    /* Light beige #F9F7F4 */
    --dm-beige-rgb: 19, 19, 19;
    /* Dark grayscale RGB */
    /* Backgrounds */
    --lm-bg-primary: #F1F0EE;
    /* App primary background */
    --dm-bg-primary: #141311;
    /* App primary dark */
    --lm-bg-secondary: #E9E8E7;
    /* App card background */
    --dm-bg-secondary: #262525;
    /* App card dark */
    --lm-bg-tertiary: #E0DFDE;
    /* App board background */
    --dm-bg-tertiary: #191919;
    /* App board dark */
    --lm-bg-white: #FFFFFF;
    /* Pure white for cards/overlays */
    --dm-bg-white: #2A2A2A;
    /* Dark equivalent for white areas */
    --lm-light-beige: #F9F7F4;
    /* Default background color - from main.css */
    --dm-light-beige: #343434;
    /* Middle shade grayscale background */
    /* Text Colors */
    --lm-text-bright: rgba(0, 0, 0, 1);
    /* Primary text - from main.css */
    --dm-text-bright: #FFFFFF;
    /* Dark mode primary text */
    --lm-text-light: #F9F7F4;
    /* Light text for headings - from main.css */
    --dm-text-light: #F9F7F4;
    /* Dark mode light text */
    --lm-text-dim: rgba(0, 0, 0, 0.7);
    /* Dimmed text - from main.css */
    --dm-text-dim: rgba(255, 255, 255, 0.7);
    /* Keep same opacity as main.css */
    --lm-text-highlight: #803EDE;
    /* Link hover color - from main.css */
    --dm-text-highlight: #56FDF4;
    /* Dark mode link hover */
    --lm-text-primary: #272624;
    /* App text content */
    --dm-text-primary: #D8D3C8;
    /* App text dark */
    --lm-text-secondary: rgba(39, 38, 36, 0.75);
    --dm-text-secondary: rgba(216, 211, 200, 0.8);
    /* Brand Colors */
    --lm-accent-purple: #803EDE;
    /* From main.css */
    --dm-accent-purple: #8C63F5;
    /* App accent dark */
    --lm-accent-purple-hover: #8C63F5;
    /* Hover state */
    --dm-accent-purple-hover: #56FDF4;
    /* Status Colors */
    --lm-success: #359908;
    --dm-success: #359908;
    --lm-error: #ff2600;
    --dm-error: #ff2600;
    /* Email-specific Colors */
    --lm-email-link-purple: #705498;
    /* Purple links */
    --dm-email-link-purple: #9B7BC7;
    /* Lighter purple links for dark mode */
    --lm-email-border-gray: #cccccc;
    /* Light gray border */
    --dm-email-border-gray: #555555;
    /* Darker gray border for dark mode */
    --lm-email-text-gray: #777777;
    /* Medium gray text */
    --dm-email-text-gray: #CCCCCC;
    /* Lighter gray text for dark mode */
    --lm-email-bg-dark-purple: #4f4561;
    /* Dark purple background */
    --dm-email-bg-dark-purple: #2A1F3D;
    /* Even darker purple background */
    --lm-email-text-light-purple: #d3cce0;
    /* Light purple text */
    --dm-email-text-light-purple: #E8E1F0;
    /* Lighter purple text for dark mode */
    --lm-email-yellow: #ffe399;
    /* Yellow/gold accent */
    --dm-email-yellow: #FFE066;
    /* Slightly adjusted yellow for dark mode */
    --lm-email-purple-medium: #7c6e96;
    /* Medium purple */
    --dm-email-purple-medium: #A085C4;
    /* Lighter medium purple for dark mode */
    /* Handbook-specific Colors */
    --lm-handbook-yellow-highlight: #FFE176;
    /* Yellow highlight */
    --dm-handbook-yellow-highlight: #FFE066;
    /* Adjusted yellow for dark mode */
    --lm-handbook-purple-bg: #4C3782;
    /* Purple background */
    --dm-handbook-purple-bg: #6B4FA0;
    /* Lighter purple background */
    --lm-handbook-purple-text: #2A1462;
    /* Dark purple text */
    --dm-handbook-purple-text: #B8A3E8;
    /* Light purple text for dark mode */
    /* Home Section Colors */
    --lm-home-hero-beige-rgb: 249, 247, 244;
    --dm-home-hero-beige-rgb: 19, 19, 19;
    /* Grayscale hero background */
    /* Home Product Section */
    --lm-home-product-green-badge: #26B14E;
    --dm-home-product-green-badge: #4CAF50;
    /* Lighter green for dark mode */
    --lm-home-product-collaboration-bg: #D5E3D9;
    --dm-home-product-collaboration-bg: #2A3E2E;
    /* Dark green background */
    --lm-home-product-collaboration-dark-text: #13321F;
    --dm-home-product-collaboration-dark-text: #A8D4B5;
    /* Light green text */
    --lm-home-product-collaboration-medium-text: #2F5D42;
    --dm-home-product-collaboration-medium-text: #7FB88F;
    /* Medium green text */
    --lm-home-product-feature-less-bg: #422B59;
    --dm-home-product-feature-less-bg: #6B4FA0;
    /* Lighter purple background */
    --lm-home-product-feature-less-text: #E1F6E7;
    --dm-home-product-feature-less-text: #4A6B51;
    /* Darker green text */
    --lm-home-product-feature-less-handwritten: #FFB1B1;
    --dm-home-product-feature-less-handwritten: #FF8A8A;
    /* Lighter pink */
    /* Home Use Cases Section */
    --lm-home-usecases-bg: #272E29;
    --dm-home-usecases-bg: #3A453C;
    /* Lighter dark green */
    --lm-home-usecases-purple-accent: #56FDF4;
    --dm-home-usecases-purple-accent: #B794FF;
    /* Lighter purple accent */
    --lm-home-usecases-purple-rgb: 151, 71, 255;
    --dm-home-usecases-purple-rgb: 183, 148, 255;
    /* Lighter purple RGB */
    /* Home Social Proof Section */
    --lm-home-social-dark-text: #1A1E1B;
    --dm-home-social-dark-text: #E5E8E6;
    /* Light text */
    /* Home Get Muse Section */
    --lm-home-getmuse-bg: #422B59;
    --dm-home-getmuse-bg: #6B4FA0;
    /* Lighter purple background */
    --lm-home-getmuse-purple-accent: #56FDF4;
    --dm-home-getmuse-purple-accent: #B794FF;
    /* Lighter purple accent */
    --lm-home-getmuse-purple-border: #56FDF4;
    --dm-home-getmuse-purple-border: #B794FF;
    /* Lighter purple border */
    /* Home Pricing Section */
    --lm-home-pricing-dark-text: #292132;
    --dm-home-pricing-dark-text: #D6CDE7;
    /* Light purple text */
    --lm-home-pricing-purple-gradient: #803EDE;
    --dm-home-pricing-purple-gradient: #56FDF4;
    /* Lighter purple gradient */
    /* Home Newsletter Section */
    --lm-home-newsletter-bg: #ECE8E2;
    --dm-home-newsletter-bg: #262626;
    /* Grayscale newsletter background */
    /* Home Setapp Section */
    --lm-home-setapp-bg: #DFB695;
    --dm-home-setapp-bg: #4A3D2F;
    /* Dark tan background */
    /* Pricing-specific Colors */
    --lm-pricing-yellow-bg: #FFE176;
    /* Yellow background */
    --dm-pricing-yellow-bg: #FFE066;
    /* Adjusted yellow for dark mode */
    --lm-pricing-purple-bg: #4F307C;
    /* Purple background */
    --dm-pricing-purple-bg: #6B4FA0;
    /* Lighter purple background */
    --lm-pricing-purple-text: #A090BB;
    /* Purple text */
    --dm-pricing-purple-text: #C8B8E8;
    /* Light purple text */
    /* Memo-specific Colors */
    --lm-memo-html-bg: #EFEDEA;
    /* HTML background */
    --dm-memo-html-bg: #262626;
    /* Grayscale HTML background */
    /* Podcast-specific Colors */
    --lm-podcast-selects-bg: #F1F1EF;
    /* Episode selects background */
    --dm-podcast-selects-bg: #2F2E2C;
    /* Episode selects background - dark mode */
    /* Signup-specific Colors */
    --lm-signup-body-bg: #F8F5F0;
    /* Body background */
    --dm-signup-body-bg: #262626;
    /* Grayscale body background */
    --lm-signup-accent-purple: #7952DE;
    /* Form accent and markers */
    --dm-signup-accent-purple: #9B7BC7;
    /* Form accent and markers - lighter for dark mode */
    --lm-signup-button-purple-start: #7952DE;
    /* Button gradient start */
    --dm-signup-button-purple-start: #9B7BC7;
    /* Button gradient start - lighter for dark mode */
    --lm-signup-button-purple-end: #4429B9;
    /* Button gradient end */
    --dm-signup-button-purple-end: #6B4FA0;
    /* Button gradient end - lighter for dark mode */
    --lm-signup-error: #FF6363;
    /* Error color */
    --dm-signup-error: #FF8A8A;
    /* Error color - lighter for dark mode */
    /* Main.css specific Colors */
    --lm-main-orange: #F6953C;
    /* Newsletter signup button */
    --dm-main-orange: #F6953C;
    /* Newsletter signup button */
    --lm-main-purple-dark: #5608c8;
    /* Sites badge and active border */
    --dm-main-purple-dark: #5608c8;
    /* Sites badge and active border */
    /* Shadows */
    --lm-shadow-light: rgba(39, 38, 36, 0.1);
    --dm-shadow-light: rgba(0, 0, 0, 0.3);
    --lm-shadow-medium: rgba(39, 38, 36, 0.2);
    --dm-shadow-medium: rgba(0, 0, 0, 0.5);
    --lm-shadow-heavy: rgba(39, 38, 36, 0.3);
    --dm-shadow-heavy: rgba(0, 0, 0, 0.7);
    --lm-shadow-purple: rgba(87, 73, 108, 0.3);
    /* Purple shadow for create.css */
    --dm-shadow-purple: rgba(87, 73, 108, 0.5);
    /* Purple shadow darker in dark mode */
    --lm-shadow-black-medium: rgba(0, 0, 0, 0.5);
    /* Black shadow 50% for create.css */
    --dm-shadow-black-medium: rgba(255, 255, 255, 0.7);
    /* Black shadow stronger in dark mode */
    /* ========================================
     DEFAULT COLORS (Light Mode)
     ======================================== */
    /* Base RGB Colors for opacity flexibility - ONLY for true duplicates */
    --white-rgb: var(--lm-white-rgb);
    --black-rgb: var(--lm-black-rgb);
    --beige-rgb: var(--lm-beige-rgb);
    /* Backgrounds - Light Mode */
    --bg-primary: var(--lm-bg-primary);
    --bg-secondary: var(--lm-bg-secondary);
    --bg-tertiary: var(--lm-bg-tertiary);
    --bg-white: var(--lm-bg-white);
    --light-beige: var(--lm-light-beige);
    /* Text - Light Mode (main.css values as source of truth) */
    --text-bright: var(--lm-text-bright);
    --text-light: var(--lm-text-light);
    --text-dim: var(--lm-text-dim);
    --text-highlight: var(--lm-text-highlight);
    --text-primary: var(--lm-text-primary);
    --text-secondary: var(--lm-text-secondary);
    /* Brand Colors (main.css values as source of truth) */
    --accent-purple: var(--lm-accent-purple);
    --accent-purple-hover: var(--lm-accent-purple-hover);
    /* Status Colors */
    --success: var(--lm-success);
    --error: var(--lm-error);
    /* Email-specific Colors */
    --email-link-purple: var(--lm-email-link-purple);
    --email-border-gray: var(--lm-email-border-gray);
    --email-text-gray: var(--lm-email-text-gray);
    --email-bg-dark-purple: var(--lm-email-bg-dark-purple);
    --email-text-light-purple: var(--lm-email-text-light-purple);
    --email-yellow: var(--lm-email-yellow);
    --email-purple-medium: var(--lm-email-purple-medium);
    /* Handbook-specific Colors */
    --handbook-yellow-highlight: var(--lm-handbook-yellow-highlight);
    --handbook-purple-bg: var(--lm-handbook-purple-bg);
    --handbook-purple-text: var(--lm-handbook-purple-text);
    /* Home Section Colors - RGB values for opacity flexibility */
    /* Base Colors (RGB values only) */
    --home-hero-beige-rgb: var(--lm-home-hero-beige-rgb);
    /* Home Product Section */
    --home-product-green-badge: var(--lm-home-product-green-badge);
    --home-product-collaboration-bg: var(--lm-home-product-collaboration-bg);
    --home-product-collaboration-dark-text: var(--lm-home-product-collaboration-dark-text);
    --home-product-collaboration-medium-text: var(--lm-home-product-collaboration-medium-text);
    --home-product-feature-less-bg: var(--lm-home-product-feature-less-bg);
    --home-product-feature-less-text: var(--lm-home-product-feature-less-text);
    --home-product-feature-less-handwritten: var(--lm-home-product-feature-less-handwritten);
    /* Home Use Cases Section (Dark Theme) */
    --home-usecases-bg: var(--lm-home-usecases-bg);
    --home-usecases-purple-accent: var(--lm-home-usecases-purple-accent);
    --home-usecases-purple-rgb: var(--lm-home-usecases-purple-rgb);
    /* Home Social Proof Section */
    --home-social-dark-text: var(--lm-home-social-dark-text);
    /* Home Get Muse Section (Purple Theme) */
    --home-getmuse-bg: var(--lm-home-getmuse-bg);
    --home-getmuse-purple-accent: var(--lm-home-getmuse-purple-accent);
    --home-getmuse-purple-border: var(--lm-home-getmuse-purple-border);
    /* Home Pricing Section */
    --home-pricing-dark-text: var(--lm-home-pricing-dark-text);
    --home-pricing-purple-gradient: var(--lm-home-pricing-purple-gradient);
    /* Home Newsletter Section */
    --home-newsletter-bg: var(--lm-home-newsletter-bg);
    /* Home Setapp Section */
    --home-setapp-bg: var(--lm-home-setapp-bg);
    /* Pricing-specific Colors */
    --pricing-yellow-bg: var(--lm-pricing-yellow-bg);
    --pricing-purple-bg: var(--lm-pricing-purple-bg);
    --pricing-purple-text: var(--lm-pricing-purple-text);
    /* Memo-specific Colors */
    --memo-html-bg: var(--lm-memo-html-bg);
    /* Podcast-specific Colors */
    --podcast-selects-bg: var(--lm-podcast-selects-bg);
    /* Signup-specific Colors */
    --signup-body-bg: var(--lm-signup-body-bg);
    --signup-accent-purple: var(--lm-signup-accent-purple);
    --signup-button-purple-start: var(--lm-signup-button-purple-start);
    --signup-button-purple-end: var(--lm-signup-button-purple-end);
    --signup-error: var(--lm-signup-error);
    /* Main.css specific Colors */
    --main-orange: var(--lm-main-orange);
    --main-purple-dark: var(--lm-main-purple-dark);
    /* Shadows - Light Mode */
    --shadow-light: var(--lm-shadow-light);
    --shadow-medium: var(--lm-shadow-medium);
    --shadow-heavy: var(--lm-shadow-heavy);
    --shadow-purple: var(--lm-shadow-purple);
    --shadow-black-medium: var(--lm-shadow-black-medium);
}

/* System dark mode preference - only applies when no manual theme is set */

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        /* Base RGB Colors - Dark Mode */
        --white-rgb: var(--dm-white-rgb);
        --black-rgb: var(--dm-black-rgb);
        --beige-rgb: var(--dm-beige-rgb);
        /* Backgrounds - Dark Mode */
        --bg-primary: var(--dm-bg-primary);
        --bg-secondary: var(--dm-bg-secondary);
        --bg-tertiary: var(--dm-bg-tertiary);
        --bg-white: var(--dm-bg-white);
        --light-beige: var(--dm-light-beige);
        /* Text - Dark Mode */
        --text-bright: var(--dm-text-bright);
        --text-light: var(--dm-text-light);
        --text-dim: var(--dm-text-dim);
        --text-highlight: var(--dm-text-highlight);
        --text-primary: var(--dm-text-primary);
        --text-secondary: var(--dm-text-secondary);
        /* Brand Colors - Dark Mode */
        --accent-purple: var(--dm-accent-purple);
        --accent-purple-hover: var(--dm-accent-purple-hover);
        /* Email-specific Colors - Dark Mode */
        --email-link-purple: var(--dm-email-link-purple);
        --email-border-gray: var(--dm-email-border-gray);
        --email-text-gray: var(--dm-email-text-gray);
        --email-bg-dark-purple: var(--dm-email-bg-dark-purple);
        --email-text-light-purple: var(--dm-email-text-light-purple);
        --email-yellow: var(--dm-email-yellow);
        --email-purple-medium: var(--dm-email-purple-medium);
        /* Handbook-specific Colors - Dark Mode */
        --handbook-yellow-highlight: var(--dm-handbook-yellow-highlight);
        --handbook-purple-bg: var(--dm-handbook-purple-bg);
        --handbook-purple-text: var(--dm-handbook-purple-text);
        /* Home Section Colors - Dark Mode */
        /* Base Colors (RGB values only) - Dark Mode */
        --home-hero-beige-rgb: var(--dm-home-hero-beige-rgb);
        /* Home Product Section - Dark Mode */
        --home-product-green-badge: var(--dm-home-product-green-badge);
        --home-product-collaboration-bg: var(--dm-home-product-collaboration-bg);
        --home-product-collaboration-dark-text: var(--dm-home-product-collaboration-dark-text);
        --home-product-collaboration-medium-text: var(--dm-home-product-collaboration-medium-text);
        --home-product-feature-less-bg: var(--dm-home-product-feature-less-bg);
        --home-product-feature-less-text: var(--dm-home-product-feature-less-text);
        --home-product-feature-less-handwritten: var(--dm-home-product-feature-less-handwritten);
        /* Home Use Cases Section (Dark Theme) - Dark Mode */
        --home-usecases-bg: var(--dm-home-usecases-bg);
        --home-usecases-purple-accent: var(--dm-home-usecases-purple-accent);
        --home-usecases-purple-rgb: var(--dm-home-usecases-purple-rgb);
        /* Home Social Proof Section - Dark Mode */
        --home-social-dark-text: var(--dm-home-social-dark-text);
        /* Home Get Muse Section (Purple Theme) - Dark Mode */
        --home-getmuse-bg: var(--dm-home-getmuse-bg);
        --home-getmuse-purple-accent: var(--dm-home-getmuse-purple-accent);
        --home-getmuse-purple-border: var(--dm-home-getmuse-purple-border);
        /* Home Pricing Section - Dark Mode */
        --home-pricing-dark-text: var(--dm-home-pricing-dark-text);
        --home-pricing-purple-gradient: var(--dm-home-pricing-purple-gradient);
        /* Home Newsletter Section - Dark Mode */
        --home-newsletter-bg: var(--dm-home-newsletter-bg);
        /* Home Setapp Section - Dark Mode */
        --home-setapp-bg: var(--dm-home-setapp-bg);
        /* Pricing-specific Colors - Dark Mode */
        --pricing-yellow-bg: var(--dm-pricing-yellow-bg);
        --pricing-purple-bg: var(--dm-pricing-purple-bg);
        --pricing-purple-text: var(--dm-pricing-purple-text);
        /* Memo-specific Colors - Dark Mode */
        --memo-html-bg: var(--dm-memo-html-bg);
        /* Podcast-specific Colors */
        --podcast-selects-bg: var(--dm-podcast-selects-bg);
        /* Signup-specific Colors */
        --signup-body-bg: var(--dm-signup-body-bg);
        --signup-accent-purple: var(--dm-signup-accent-purple);
        --signup-button-purple-start: var(--dm-signup-button-purple-start);
        --signup-button-purple-end: var(--dm-signup-button-purple-end);
        --signup-error: var(--dm-signup-error);
        /* Shadows - Dark Mode */
        --shadow-light: var(--dm-shadow-light);
        --shadow-medium: var(--dm-shadow-medium);
        --shadow-heavy: var(--dm-shadow-heavy);
        --shadow-purple: var(--dm-shadow-purple);
        --shadow-black-medium: var(--dm-shadow-black-medium);
    }
}

/* Manual light mode override */

[data-theme="light"] {
    /* Base RGB Colors - Light Mode */
    --white-rgb: var(--lm-white-rgb);
    --black-rgb: var(--lm-black-rgb);
    --beige-rgb: var(--lm-beige-rgb);
    /* Backgrounds - Light Mode */
    --bg-primary: var(--lm-bg-primary);
    --bg-secondary: var(--lm-bg-secondary);
    --bg-tertiary: var(--lm-bg-tertiary);
    --bg-white: var(--lm-bg-white);
    --light-beige: var(--lm-light-beige);
    /* Text - Light Mode */
    --text-bright: var(--lm-text-bright);
    --text-light: var(--lm-text-light);
    --text-dim: var(--lm-text-dim);
    --text-highlight: var(--lm-text-highlight);
    --text-primary: var(--lm-text-primary);
    --text-secondary: var(--lm-text-secondary);
    /* Brand Colors - Light Mode */
    --accent-purple: var(--lm-accent-purple);
    --accent-purple-hover: var(--lm-accent-purple-hover);
    /* Email-specific Colors - Light Mode */
    --email-link-purple: var(--lm-email-link-purple);
    --email-border-gray: var(--lm-email-border-gray);
    --email-text-gray: var(--lm-email-text-gray);
    --email-bg-dark-purple: var(--lm-email-bg-dark-purple);
    --email-text-light-purple: var(--lm-email-text-light-purple);
    --email-yellow: var(--lm-email-yellow);
    --email-purple-medium: var(--lm-email-purple-medium);
    /* Handbook-specific Colors - Light Mode */
    --handbook-yellow-highlight: var(--lm-handbook-yellow-highlight);
    --handbook-purple-bg: var(--lm-handbook-purple-bg);
    --handbook-purple-text: var(--lm-handbook-purple-text);
    /* Home Section Colors - Light Mode */
    --home-hero-beige-rgb: var(--lm-home-hero-beige-rgb);
    /* Home Product Section - Light Mode */
    --home-product-green-badge: var(--lm-home-product-green-badge);
    --home-product-collaboration-bg: var(--lm-home-product-collaboration-bg);
    --home-product-collaboration-dark-text: var(--lm-home-product-collaboration-dark-text);
    --home-product-collaboration-medium-text: var(--lm-home-product-collaboration-medium-text);
    --home-product-feature-less-bg: var(--lm-home-product-feature-less-bg);
    --home-product-feature-less-text: var(--lm-home-product-feature-less-text);
    --home-product-feature-less-handwritten: var(--lm-home-product-feature-less-handwritten);
    /* Home Use Cases Section - Light Mode */
    --home-usecases-bg: var(--lm-home-usecases-bg);
    --home-usecases-purple-accent: var(--lm-home-usecases-purple-accent);
    --home-usecases-purple-rgb: var(--lm-home-usecases-purple-rgb);
    /* Home Social Proof Section - Light Mode */
    --home-social-dark-text: var(--lm-home-social-dark-text);
    /* Home Get Muse Section - Light Mode */
    --home-getmuse-bg: var(--lm-home-getmuse-bg);
    --home-getmuse-purple-accent: var(--lm-home-getmuse-purple-accent);
    --home-getmuse-purple-border: var(--lm-home-getmuse-purple-border);
    /* Home Pricing Section - Light Mode */
    --home-pricing-dark-text: var(--lm-home-pricing-dark-text);
    --home-pricing-purple-gradient: var(--lm-home-pricing-purple-gradient);
    /* Home Newsletter Section - Light Mode */
    --home-newsletter-bg: var(--lm-home-newsletter-bg);
    /* Home Setapp Section - Light Mode */
    --home-setapp-bg: var(--lm-home-setapp-bg);
    /* Pricing-specific Colors - Light Mode */
    --pricing-yellow-bg: var(--lm-pricing-yellow-bg);
    --pricing-purple-bg: var(--lm-pricing-purple-bg);
    --pricing-purple-text: var(--lm-pricing-purple-text);
    /* Memo-specific Colors - Light Mode */
    --memo-html-bg: var(--lm-memo-html-bg);
    /* Podcast-specific Colors - Light Mode */
    --podcast-selects-bg: var(--lm-podcast-selects-bg);
    /* Signup-specific Colors - Light Mode */
    --signup-body-bg: var(--lm-signup-body-bg);
    --signup-accent-purple: var(--lm-signup-accent-purple);
    --signup-button-purple-start: var(--lm-signup-button-purple-start);
    --signup-button-purple-end: var(--lm-signup-button-purple-end);
    --signup-error: var(--lm-signup-error);
    /* Shadows - Light Mode */
    --shadow-light: var(--lm-shadow-light);
    --shadow-medium: var(--lm-shadow-medium);
    --shadow-heavy: var(--lm-shadow-heavy);
    --shadow-purple: var(--lm-shadow-purple);
    --shadow-black-medium: var(--lm-shadow-black-medium);
}

/* Manual dark mode override */

[data-theme="dark"] {
    /* Base RGB Colors - Dark Mode */
    --white-rgb: var(--dm-white-rgb);
    --black-rgb: var(--dm-black-rgb);
    --beige-rgb: var(--dm-beige-rgb);
    /* Backgrounds - Dark Mode */
    --bg-primary: var(--dm-bg-primary);
    --bg-secondary: var(--dm-bg-secondary);
    --bg-tertiary: var(--dm-bg-tertiary);
    --bg-white: var(--dm-bg-white);
    --light-beige: var(--dm-light-beige);
    /* Text - Dark Mode */
    --text-bright: var(--dm-text-bright);
    --text-light: var(--dm-text-light);
    --text-dim: var(--dm-text-dim);
    --text-highlight: var(--dm-text-highlight);
    --text-primary: var(--dm-text-primary);
    --text-secondary: var(--dm-text-secondary);
    /* Brand Colors - Dark Mode */
    --accent-purple: var(--dm-accent-purple);
    --accent-purple-hover: var(--dm-accent-purple-hover);
    /* Email-specific Colors - Dark Mode */
    --email-link-purple: var(--dm-email-link-purple);
    --email-border-gray: var(--dm-email-border-gray);
    --email-text-gray: var(--dm-email-text-gray);
    --email-bg-dark-purple: var(--dm-email-bg-dark-purple);
    --email-text-light-purple: var(--dm-email-text-light-purple);
    --email-yellow: var(--dm-email-yellow);
    --email-purple-medium: var(--dm-email-purple-medium);
    /* Handbook-specific Colors - Dark Mode */
    --handbook-yellow-highlight: var(--dm-handbook-yellow-highlight);
    --handbook-purple-bg: var(--dm-handbook-purple-bg);
    --handbook-purple-text: var(--dm-handbook-purple-text);
    /* Home Section Colors - Dark Mode */
    /* Base Colors (RGB values only) - Dark Mode */
    --home-hero-beige-rgb: var(--dm-home-hero-beige-rgb);
    /* Home Product Section - Dark Mode */
    --home-product-green-badge: var(--dm-home-product-green-badge);
    --home-product-collaboration-bg: var(--dm-home-product-collaboration-bg);
    --home-product-collaboration-dark-text: var(--dm-home-product-collaboration-dark-text);
    --home-product-collaboration-medium-text: var(--dm-home-product-collaboration-medium-text);
    --home-product-feature-less-bg: var(--dm-home-product-feature-less-bg);
    --home-product-feature-less-text: var(--dm-home-product-feature-less-text);
    --home-product-feature-less-handwritten: var(--dm-home-product-feature-less-handwritten);
    /* Home Use Cases Section (Dark Theme) - Dark Mode */
    --home-usecases-bg: var(--dm-home-usecases-bg);
    --home-usecases-purple-accent: var(--dm-home-usecases-purple-accent);
    --home-usecases-purple-rgb: var(--dm-home-usecases-purple-rgb);
    /* Home Social Proof Section - Dark Mode */
    --home-social-dark-text: var(--dm-home-social-dark-text);
    /* Home Get Muse Section (Purple Theme) - Dark Mode */
    --home-getmuse-bg: var(--dm-home-getmuse-bg);
    --home-getmuse-purple-accent: var(--dm-home-getmuse-purple-accent);
    --home-getmuse-purple-border: var(--dm-home-getmuse-purple-border);
    /* Home Pricing Section - Dark Mode */
    --home-pricing-dark-text: var(--dm-home-pricing-dark-text);
    --home-pricing-purple-gradient: var(--dm-home-pricing-purple-gradient);
    /* Home Newsletter Section - Dark Mode */
    --home-newsletter-bg: var(--dm-home-newsletter-bg);
    /* Home Setapp Section - Dark Mode */
    --home-setapp-bg: var(--dm-home-setapp-bg);
    /* Pricing-specific Colors - Dark Mode */
    --pricing-yellow-bg: var(--dm-pricing-yellow-bg);
    --pricing-purple-bg: var(--dm-pricing-purple-bg);
    --pricing-purple-text: var(--dm-pricing-purple-text);
    /* Memo-specific Colors - Dark Mode */
    --memo-html-bg: var(--dm-memo-html-bg);
    /* Podcast-specific Colors */
    --podcast-selects-bg: var(--dm-podcast-selects-bg);
    /* Signup-specific Colors */
    --signup-body-bg: var(--dm-signup-body-bg);
    --signup-accent-purple: var(--dm-signup-accent-purple);
    --signup-button-purple-start: var(--dm-signup-button-purple-start);
    --signup-button-purple-end: var(--dm-signup-button-purple-end);
    --signup-error: var(--dm-signup-error);
    /* Shadows - Dark Mode */
    --shadow-light: var(--dm-shadow-light);
    --shadow-medium: var(--dm-shadow-medium);
    --shadow-heavy: var(--dm-shadow-heavy);
    --shadow-purple: var(--dm-shadow-purple);
    --shadow-black-medium: var(--dm-shadow-black-medium);
}