/* Theme Variables */
:root {
  /* Default light theme variables */
  --bg-color: #F6F9FA;
  --text-color: #050717;
  --card-bg: #FFFFFF;
  --accent-teal: #02C8DF;
  --accent-mint: #02FFD7;
  --accent-teal-hover: #01b2c7;
  --card-hover-bg: rgba(0, 0, 0, 0.03);
  --card-border: rgba(2, 200, 223, 0.2);
  --subtle-text: #4A4A5A;
  --gold-gradient: linear-gradient(135deg, #8A6E2F 0%, #D4AF37 50%, #8A6E2F 100%);
  --gold-text: #8A6E2F;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --outline-button-border: #050717;
  --outline-button-text: #050717;
  --outline-button-hover: rgba(5, 7, 23, 0.1);
  --success-bg: rgba(2, 200, 223, 0.1);
  --feature-hover: rgba(0, 0, 0, 0.02);
  --section-alt-bg: rgba(2, 200, 223, 0.05);
  --feature-icon-bg: rgba(2, 200, 223, 0.1);
  --cta-gradient1: rgba(2, 200, 223, 0.10);
  --cta-gradient2: rgba(2, 255, 215, 0.10);
  --footer-bg: #E6E9EA;
  --divider-color: rgba(0, 0, 0, 0.1);
  --expansion-bg: rgba(246, 249, 250, 0.95);
  --nav-bg: rgba(5, 7, 23, 0.9); /* Keep nav dark */
  --nav-text: #F6F9FA;
  --nav-submenu-bg: rgba(5, 7, 23, 0.85);
  --nav-hover: var(--accent-mint);
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
  --icon-tint: var(--accent-teal);
  --timeline-connector: rgba(2, 200, 223, 0.3);
  --checkmark-color: var(--accent-teal);
  --tag-bg: rgba(2, 200, 223, 0.1);
  
  /* Theme-specific Light Theme Colors */
  --theme-seller-primary: rgba(2, 200, 223, 0.15);
  --theme-seller-secondary: rgba(2, 255, 215, 0.15);
  --theme-seller-border: rgba(0, 87, 100, 0.3);
  --theme-seller-card-bg: rgba(220, 255, 222, 0.9);
  
  --theme-intermediary-primary: rgba(176, 190, 197, 0.15);
  --theme-intermediary-secondary: rgba(144, 164, 174, 0.15); 
  --theme-intermediary-border: rgba(60, 60, 60, 0.3);
  --theme-intermediary-card-bg: rgba(230, 249, 255, 0.9);
  
  --theme-buyside-primary: rgba(149, 117, 205, 0.15);
  --theme-buyside-secondary: rgba(126, 87, 194, 0.15);
  --theme-buyside-border: rgba(74, 58, 102, 0.3);
  --theme-buyside-card-bg: rgba(237, 227, 255, 0.9);
}

/* Dark theme variables */
[data-theme="dark"] {
  --bg-color: #050717;
  --text-color: #F6F9FA;
  --card-bg: rgba(0, 0, 0, 1.0);
  --accent-teal: #02C8DF;
  --accent-mint: #02FFD7;
  --accent-teal-hover: #02FFD7;
  --card-hover-bg: rgba(255, 255, 255, 0.08);
  --card-border: rgba(2, 200, 223, 0.3);
  --subtle-text: rgba(246, 249, 250, 0.7);
  --gold-gradient: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
  --gold-text: #BF953F;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --outline-button-border: var(--text-color);
  --outline-button-text: var(--text-color);
  --outline-button-hover: rgba(246, 249, 250, 0.1);
  --success-bg: rgba(2, 200, 223, 0.1);
  --feature-hover: rgba(255, 255, 255, 0.08);
  --section-alt-bg: rgba(2, 200, 223, 0.05);
  --feature-icon-bg: rgba(2, 200, 223, 0.1);
  --cta-gradient1: rgba(2, 200, 223, 0.15);
  --cta-gradient2: rgba(2, 255, 215, 0.15);
  --footer-bg: rgba(3, 5, 15, 0.6);
  --divider-color: rgba(255, 255, 255, 0.1);
  --expansion-bg: rgba(5, 7, 23, 0.95);
  --nav-bg: rgba(5, 7, 23, 0.9); /* Keep nav dark */
  --nav-text: #F6F9FA;
  --nav-submenu-bg: rgba(5, 7, 23, 0.85);
  --nav-hover: var(--accent-mint);
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  --box-shadow-hover: 0 8px 25px rgba(2, 200, 223, 0.15);
  --icon-tint: var(--accent-mint);
  --timeline-connector: rgba(2, 200, 223, 0.3);
  --checkmark-color: var(--accent-mint);
  --tag-bg: rgba(2, 200, 223, 0.1);
  
  /* Theme-specific Dark Theme Colors */
  --theme-seller-primary: rgba(0, 20, 22, 1.0);
  --theme-seller-secondary: rgba(0, 35, 40, 1.0);
  --theme-seller-border: rgba(0, 87, 100, 0.3);
  --theme-seller-card-bg: rgba(0, 20, 22, 0.9);
  /*
  --theme-seller-card-bg: linear-gradient(135deg, 
    rgba(0, 20, 22, 0.9) 0%, 
    rgba(0, 35, 40, 0.9) 35%, 
    rgba(0, 50, 55, 0.9) 50%, 
    rgba(0, 35, 40, 0.9) 65%, 
    rgba(0, 20, 22, 0.9) 100%);
  */
  
  --theme-intermediary-primary: rgba(20, 20, 20, 0.9);
  --theme-intermediary-secondary: rgba(35, 35, 35, 0.9);
  --theme-intermediary-border: rgba(60, 60, 60, 0.3);
  --theme-intermediary-card-bg: rgba(20, 20, 20, 0.9);
  /*
  --theme-intermediary-card-bg: linear-gradient(135deg, 
    rgba(20, 20, 20, 0.9) 0%, 
    rgba(35, 35, 35, 0.9) 35%, 
    rgba(45, 45, 45, 0.9) 50%, 
    rgba(35, 35, 35, 0.9) 65%, 
    rgba(20, 20, 20, 0.9) 100%);
  */
  
  --theme-buyside-primary: rgba(20, 0, 30, 0.9);
  --theme-buyside-secondary: rgba(35, 0, 50, 0.9);
  --theme-buyside-border: rgba(74, 58, 102, 0.3);
  --theme-buyside-card-bg: rgba(20, 0, 30, 0.9);
  /*
  --theme-buyside-card-bg: linear-gradient(135deg, 
    rgba(20, 0, 30, 0.9) 0%, 
    rgba(35, 0, 50, 0.9) 35%, 
    rgba(50, 0, 70, 0.9) 50%, 
    rgba(35, 0, 50, 0.9) 65%, 
    rgba(20, 0, 30, 0.9) 100%);
  */
}