/* 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: #A478F7;                 /* 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: #A478F7;
  
  /* 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: #9747FF;
  --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: #9747FF;
  --dm-home-getmuse-purple-accent: #B794FF;       /* Lighter purple accent */
  
  --lm-home-getmuse-purple-border: #9747FF;
  --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: #A478F7;     /* 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 */

  --lm-memo-highlight-yellow: #FFF3C8;            /* Light yellow highlight */
  --dm-memo-highlight-yellow: #4A4426;            /* Dark yellow highlight */
  
  /* 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);
  --memo-highlight-yellow: var(--lm-memo-highlight-yellow);
  
  /* 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);
    --memo-highlight-yellow: var(--dm-memo-highlight-yellow);
    
    /* 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);
  --memo-highlight-yellow: var(--lm-memo-highlight-yellow);
  
  /* 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);
  --memo-highlight-yellow: var(--dm-memo-highlight-yellow);
  
  /* 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);
}