/* JST Core Brand Colors - Light Blue Gradient Theme */
:root {
  /* Primary Background Colors - Light blue gradient theme */
  --primary-bg: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
  --primary-bg-solid: #e0f2fe;
  /* Light blue solid fallback */
  --secondary-bg: #f0f9ff;
  /* Very light blue */
  --surface-bg: #ffffff;
  /* White elevated surfaces */
  --overlay-bg: rgba(224, 242, 254, 0.95);
  /* Light blue overlay backgrounds */

  /* JST Core Accent Colors - Vibrant blue theme */
  --accent-blue: #0ea5e9;
  /* Bright sky blue */
  --accent-blue-hover: #0284c7;
  /* Deeper sky blue hover */
  --accent-blue-light: #38bdf8;
  /* Light sky blue variant */
  --accent-blue-dark: #0369a1;
  /* Deep sky blue variant */
  --accent-gradient: linear-gradient(135deg, #0ea5e9, #0284c7);
  --accent-gradient-hover: linear-gradient(135deg, #38bdf8, #0ea5e9);

  /* Secondary Accent - Cyan for variety */
  --accent-cyan: #06b6d4;
  /* Bright cyan */
  --accent-cyan-hover: #0891b2;
  /* Cyan hover */
  --cyan-gradient: linear-gradient(135deg, #06b6d4, #0891b2);

  /* Text Colors - Dark text for light backgrounds */
  --text-primary: #0f172a;
  /* Dark blue for maximum contrast on light backgrounds */
  --text-secondary: #334155;
  /* Medium dark gray */
  --text-muted: #64748b;
  /* Muted gray */
  --text-inverse: #ffffff;
  /* White text for dark backgrounds */

  /* Border Colors - Subtle blue accents */
  --border-primary: rgba(14, 165, 233, 0.3);
  /* Sky blue borders */
  --border-secondary: rgba(14, 165, 233, 0.15);
  /* Subtle sky blue borders */
  --border-accent: rgba(14, 165, 233, 0.6);
  /* Bright sky blue borders */

  /* Status Colors - More vibrant */
  --success: #22c55e;
  /* Brighter green */
  --success-bg: rgba(34, 197, 94, 0.15);
  /* Success background */
  --success-border: rgba(34, 197, 94, 0.4);
  /* Success border */

  --warning: #f59e0b;
  /* Vibrant orange */
  --warning-bg: rgba(245, 158, 11, 0.15);
  /* Warning background */
  --warning-border: rgba(245, 158, 11, 0.4);
  /* Warning border */

  --error: #ef4444;
  /* Bright red */
  --error-bg: rgba(239, 68, 68, 0.15);
  /* Error background */
  --error-border: rgba(239, 68, 68, 0.4);
  /* Error border */

  --info: #06b6d4;
  /* Cyan info color */
  --info-bg: rgba(6, 182, 212, 0.15);
  /* Info background */
  --info-border: rgba(6, 182, 212, 0.4);
  /* Info border */

  /* Interactive States - Sky blue theme */
  --hover-overlay: rgba(14, 165, 233, 0.1);
  /* Sky blue hover */
  --active-overlay: rgba(14, 165, 233, 0.2);
  /* Active overlay */
  --focus-ring: rgba(14, 165, 233, 0.4);
  /* Sky blue focus ring */

  /* Glassmorphism Effects - Light and airy */
  --glass-bg: rgba(255, 255, 255, 0.7);
  /* Light white glass */
  --glass-border: rgba(14, 165, 233, 0.2);
  /* Sky blue glass border */
  --glass-shadow: 0 8px 32px rgba(14, 165, 233, 0.15);
  /* Light blue shadow */

  /* DailyTrack Brand Colors (used only on DailyTrack pages) */
  --dailytrack-primary: #6366f1;
  /* Modern indigo */
  --dailytrack-secondary: #06b6d4;
  /* Cyan accent */
  --dailytrack-accent: #f59e0b;
  /* Orange accent */
  --dailytrack-surface: #f1f5f9;
  /* Light surface */
  --dailytrack-text: #0f172a;
  /* Dark text */

  /* DailyTrack Variations */
  --dailytrack-primary-hover: #4f46e5;
  --dailytrack-secondary-hover: #0891b2;
  --dailytrack-accent-hover: #d97706;
  --dailytrack-gradient: linear-gradient(135deg, #6366f1, #06b6d4);

  /* DailyTrack Status Colors */
  --dailytrack-success: #22c55e;
  --dailytrack-warning: #f59e0b;
  --dailytrack-error: #ef4444;
}