/* Theme System - Matches Notarra Mobile App */

:root {
  /* Light Theme (Default) */
  --primary: #F8FAFC;
  --secondary: #FFFFFF;
  --surface: #F1F5F9;
  --text: #1E293B;
  --text-secondary: #64748B;
  --text-accent: #3B82F6;
  --accent: #3B82F6;
  --accent-secondary: #8B5CF6;
  --border: #3B82F6;
  --button-primary: #3B82F6;
  --button-text: #FFFFFF;
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --shadow: #3B82F6;
}

/* Dark Theme */
body.theme-dark {
  --primary: #121212;
  --secondary: #232329;
  --surface: #403e6a;
  --text: #e2dfff;
  --text-secondary: #b8b5d1;
  --text-accent: #a8a5ff;
  --accent: #a8a5ff;
  --accent-secondary: #e2dfff;
  --border: #403e6a;
  --button-primary: #a8a5ff;
  --button-text: #121212;
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --shadow: #a8a5ff;
}

/* Colorblind (High Contrast) Theme */
body.theme-colorblind {
  --primary: #FFFFFF;
  --secondary: #F5F5F5;
  --surface: #EEEEEE;
  --text: #000000;
  --text-secondary: #4A4A4A;
  --text-accent: #0066CC;
  --accent: #0066CC;
  --accent-secondary: #FF9900;
  --border: #666666;
  --button-primary: #0066CC;
  --button-text: #FFFFFF;
  --success: #0066CC;
  --warning: #FF9900;
  --error: #000000;
  --shadow: #666666;
}

/* Colorblind Dark (High Contrast Dark) Theme */
body.theme-colorblindDark {
  --primary: #000000;
  --secondary: #1A1A1A;
  --surface: #333333;
  --text: #FFFFFF;
  --text-secondary: #CCCCCC;
  --text-accent: #66B3FF;
  --accent: #66B3FF;
  --accent-secondary: #FFCC66;
  --border: #999999;
  --button-primary: #66B3FF;
  --button-text: #000000;
  --success: #66B3FF;
  --warning: #FFCC66;
  --error: #FFFFFF;
  --shadow: #999999;
}

/* Theme Preview Colors */
.light-preview {
  background: linear-gradient(135deg, #F8FAFC 0%, #3B82F6 100%);
}

.dark-preview {
  background: linear-gradient(135deg, #121212 0%, #a8a5ff 100%);
}

.colorblind-preview {
  background: linear-gradient(135deg, #FFFFFF 0%, #0066CC 100%);
}

.colorblind-dark-preview {
  background: linear-gradient(135deg, #000000 0%, #66B3FF 100%);
}

/* Theme preview cards */
.light-theme-card {
  background: #F8FAFC;
  border: 2px solid #3B82F6;
  color: #1E293B;
}

.light-theme-card .theme-preview-header {
  background: #3B82F6;
  color: #FFFFFF;
}

.dark-theme-card {
  background: #121212;
  border: 2px solid #a8a5ff;
  color: #e2dfff;
}

.dark-theme-card .theme-preview-header {
  background: #a8a5ff;
  color: #121212;
}

.colorblind-theme-card {
  background: #FFFFFF;
  border: 2px solid #0066CC;
  color: #000000;
}

.colorblind-theme-card .theme-preview-header {
  background: #0066CC;
  color: #FFFFFF;
}

.colorblind-dark-theme-card {
  background: #000000;
  border: 2px solid #66B3FF;
  color: #FFFFFF;
}

.colorblind-dark-theme-card .theme-preview-header {
  background: #66B3FF;
  color: #000000;
}