/*
Theme Name: PSC2026
Theme URI: https://psc2026.com
Author: PSC Dev Team
Author URI: https://psc2026.com
Description: Custom premium platform theme for PSC2026. Fully modular, white-label ready, and built for performance.
Version: 1.0.0
License: Proprietary
Text Domain: psc2026
*/

/* Font loading optimization */
/* Note: @font-face declarations should be added when actual font files are available */

/* CSS Variables - Comprehensive Theming System */
:root {
  /* Primary Brand Colors - Customizable via WordPress Customizer */
  --psc-primary: #D1E4DD;     /* Main brand color */
  --psc-secondary: #1C4636;   /* Secondary brand color */
  --psc-accent: #B8E0D2;      /* Accent highlights */
  
  /* Light Mode Colors (Default) */
  --psc-bg-primary: #F8F8FB;      /* Main background */
  --psc-bg-secondary: #FFFFFF;    /* Card/surface background */
  --psc-bg-tertiary: #F5F5F5;     /* Subtle background */
  
  --psc-text-primary: #141414;    /* Main text */
  --psc-text-secondary: #666666;  /* Secondary text */
  --psc-text-tertiary: #999999;   /* Muted text */
  
  --psc-border-light: #E0E0E0;    /* Light borders */
  --psc-border-medium: #CCCCCC;   /* Medium borders */
  --psc-border-dark: #999999;     /* Dark borders */
  
  /* Status Colors */
  --psc-success: #36FF00;
  --psc-warning: #FF6900;
  --psc-error: #FF0000;
  --psc-info: #0099FF;
  
  /* Shadows and Effects */
  --psc-shadow-light: rgba(0, 0, 0, 0.05);
  --psc-shadow-medium: rgba(0, 0, 0, 0.1);
  --psc-shadow-dark: rgba(0, 0, 0, 0.2);
  
  /* Backward Compatibility */
  --psc-accent: var(--psc-primary);
  --psc-dark: var(--psc-secondary);
  --psc-bg: var(--psc-bg-primary);
  --psc-text: var(--psc-text-primary);
  --psc-white: var(--psc-bg-secondary);
  --psc-gray-light: var(--psc-bg-tertiary);
  --psc-gray: var(--psc-border-light);
  --psc-gray-dark: var(--psc-text-secondary);
}

/* Dark Mode Color Overrides */
[data-theme="dark"] {
  /* Dark Mode Backgrounds */
  --psc-bg-primary: #0F0F0F;      /* Main dark background */
  --psc-bg-secondary: #1A1A1A;    /* Card/surface background */
  --psc-bg-tertiary: #242424;     /* Subtle background */
  
  /* Dark Mode Text */
  --psc-text-primary: #E5E5E5;    /* Main text */
  --psc-text-secondary: #CCCCCC;  /* Secondary text */
  --psc-text-tertiary: #999999;   /* Muted text */
  
  /* Dark Mode Borders */
  --psc-border-light: #404040;    /* Light borders */
  --psc-border-medium: #555555;   /* Medium borders */
  --psc-border-dark: #777777;     /* Dark borders */
  
  /* Adjusted Brand Colors for Dark Mode */
  --psc-primary: #A8D5C7;         /* Lighter mint for dark backgrounds */
  --psc-secondary: #2A5A43;       /* Lighter green for contrast */
  --psc-accent: #8FC7B8;          /* Adjusted accent */
  
  /* Dark Mode Status Colors */
  --psc-success: #4AFF4A;
  --psc-warning: #FF8533;
  --psc-error: #FF4444;
  --psc-info: #33AAFF;
  
  /* Dark Mode Shadows */
  --psc-shadow-light: rgba(0, 0, 0, 0.2);
  --psc-shadow-medium: rgba(0, 0, 0, 0.3);
  --psc-shadow-dark: rgba(0, 0, 0, 0.5);
}

/* Typography Variables */
:root {
  --psc-font-primary: 'Futura', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --psc-font-size-base: 16px;
  --psc-line-height: 1.6;
  
  /* Spacing */
  --psc-spacing-xs: 0.25rem;
  --psc-spacing-sm: 0.5rem;
  --psc-spacing-md: 1rem;
  --psc-spacing-lg: 2rem;
  --psc-spacing-xl: 3rem;
  
  /* Borders & Radius */
  --psc-radius: 8px;
  --psc-radius-sm: 4px;
  --psc-radius-lg: 16px;
  
  /* Transitions */
  --psc-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth transitions for theme switching */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Theme Toggle Styles */
.psc-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--psc-bg-tertiary);
  border: 1px solid var(--psc-border-light);
  border-radius: 20px;
  padding: 4px;
  cursor: pointer;
  user-select: none;
}

.psc-theme-toggle__option {
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  color: var(--psc-text-secondary);
  transition: all 0.2s ease;
}

.psc-theme-toggle__option.active {
  background: var(--psc-primary);
  color: var(--psc-bg-secondary);
}

/* Reset & Base Styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--psc-font-primary);
  font-size: var(--psc-font-size-base);
  line-height: var(--psc-line-height);
  color: var(--psc-text-primary);
  background-color: var(--psc-bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* CSS files are enqueued separately in functions.php for better performance */