/* TechSocial Color Themes
 * This file contains different color palettes that can be toggled
 * The default theme is defined in modern-social-style.css
 */

:root {
  /* Add RGB values for the primary colors */
  --primary-rgb: 29, 161, 242; /* Default Twitter blue */
}

/* Tech-Inspired Purple Theme */
.theme-purple {
  /* Primary Colors */
  --primary-color: #6c5ce7;
  --primary-gradient: linear-gradient(135deg, #6c5ce7, #8e44ad);
  --primary-light: rgba(108, 92, 231, 0.1);
  --primary-hover: #8e44ad;
  --primary-rgb: 108, 92, 231;
  
  /* Neutral Colors */
  --text-dark: #2d3436;
  --text-medium: #636e72;
  --text-light: #b2bec3;
  --border-color: #dfe6e9;
  --background-light: #f7f9fc;
  --card-background: #ffffff;
  
  /* Accent Colors */
  --accent-success: #00b894;
  --accent-warning: #fdcb6e;
  --accent-danger: #d63031;
  --accent-info: #0984e3;
  
  /* Dark Mode Colors */
  --dark-background: #1e1e2e;
  --dark-card: #2d2d3f;
  --dark-border: #3d3d52;
  --dark-text-primary: #ecf0f1;
  --dark-text-secondary: #b2bec3;
}

/* Modern Green Sustainability Theme */
.theme-green {
  /* Primary Colors */
  --primary-color: #27ae60;
  --primary-gradient: linear-gradient(135deg, #27ae60, #2ecc71);
  --primary-light: rgba(39, 174, 96, 0.1);
  --primary-hover: #219653;
  --primary-rgb: 39, 174, 96;
  
  /* Neutral Colors */
  --text-dark: #2d3436;
  --text-medium: #636e72;
  --text-light: #b2bec3;
  --border-color: #e8f5e9;
  --background-light: #f5f9f6;
  --card-background: #ffffff;
  
  /* Accent Colors */
  --accent-success: #00b894;
  --accent-warning: #f39c12;
  --accent-danger: #e74c3c;
  --accent-info: #3498db;
  
  /* Dark Mode Colors */
  --dark-background: #1a2421;
  --dark-card: #2a3c30;
  --dark-border: #3a5242;
  --dark-text-primary: #e8f5e9;
  --dark-text-secondary: #a5d6a7;
}

/* Coral Sunset Theme */
.theme-coral {
  /* Primary Colors */
  --primary-color: #ff7675;
  --primary-gradient: linear-gradient(135deg, #ff7675, #e17055);
  --primary-light: rgba(255, 118, 117, 0.1);
  --primary-hover: #e17055;
  --primary-rgb: 255, 118, 117;
  
  /* Neutral Colors */
  --text-dark: #2d3436;
  --text-medium: #636e72;
  --text-light: #b2bec3;
  --border-color: #f5f5f5;
  --background-light: #fff9f8;
  --card-background: #ffffff;
  
  /* Accent Colors */
  --accent-success: #55efc4;
  --accent-warning: #ffeaa7;
  --accent-danger: #d63031;
  --accent-info: #74b9ff;
  
  /* Dark Mode Colors */
  --dark-background: #2d2020;
  --dark-card: #3d2a2a;
  --dark-border: #4d3535;
  --dark-text-primary: #ffebee;
  --dark-text-secondary: #ffcdd2;
}

/* Corporate Teal Theme */
.theme-teal {
  /* Primary Colors */
  --primary-color: #00bcd4;
  --primary-gradient: linear-gradient(135deg, #00bcd4, #0097a7);
  --primary-light: rgba(0, 188, 212, 0.1);
  --primary-hover: #0097a7;
  --primary-rgb: 0, 188, 212;
  
  /* Neutral Colors */
  --text-dark: #263238;
  --text-medium: #607d8b;
  --text-light: #b0bec5;
  --border-color: #eceff1;
  --background-light: #f5f7f8;
  --card-background: #ffffff;
  
  /* Accent Colors */
  --accent-success: #4caf50;
  --accent-warning: #ffc107;
  --accent-danger: #f44336;
  --accent-info: #3f51b5;
  
  /* Dark Mode Colors */
  --dark-background: #102027;
  --dark-card: #263238;
  --dark-border: #37474f;
  --dark-text-primary: #e0f7fa;
  --dark-text-secondary: #b2ebf2;
}

/* Warm Amber Theme */
.theme-amber {
  /* Primary Colors */
  --primary-color: #ff9800;
  --primary-gradient: linear-gradient(135deg, #ff9800, #f57c00);
  --primary-light: rgba(255, 152, 0, 0.1);
  --primary-hover: #f57c00;
  --primary-rgb: 255, 152, 0;
  
  /* Neutral Colors */
  --text-dark: #3e2723;
  --text-medium: #795548;
  --text-light: #bcaaa4;
  --border-color: #efebe9;
  --background-light: #fff8e1;
  --card-background: #ffffff;
  
  /* Accent Colors */
  --accent-success: #8bc34a;
  --accent-warning: #ffeb3b;
  --accent-danger: #f44336;
  --accent-info: #2196f3;
  
  /* Dark Mode Colors */
  --dark-background: #3e2723;
  --dark-card: #4e342e;
  --dark-border: #5d4037;
  --dark-text-primary: #fff8e1;
  --dark-text-secondary: #ffecb3;
}
