/* Color Palette for Stefanos Flourentzou Website */
:root {
  /* Main Color Values */
  --slate-900: #0f172a;  /* Darkest gray-blue */
  --slate-800: #1e293b;  /* Dark gray-blue */
  --slate-700: #334155;  /* Medium gray-blue */
  --blue-900: #1e3a8a;   /* Dark blue */
  --blue-500: #3b82f6;   /* Primary blue */
  --blue-400: #60a5fa;   /* Medium blue */
  --blue-300: #93c5fd;   /* Light blue */
  --blue-200: #bfdbfe;   /* Very light blue */
  --blue-100: #dbeafe;   /* Lightest blue */
  --indigo-500: #6366f1; /* Indigo accent */
  
  /* Main Background Gradients */
  --gradient-primary: linear-gradient(135deg, var(--slate-900) 0%, var(--blue-900) 50%, var(--slate-900) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--slate-700) 0%, var(--slate-800) 50%, var(--slate-700) 100%);
  
  /* Radial Gradient Overlays */
  --radial-blue: radial-gradient(circle, rgba(59,130,246,0.1) 0%, rgba(59,130,246,0.15) 100%);
  --radial-indigo: radial-gradient(circle, rgba(99,102,241,0.1) 0%, rgba(99,102,241,0.12) 100%);
  
  /* Text Colors */
  --text-primary: var(--blue-100);
  --text-secondary: var(--blue-200);
  --text-accent: var(--blue-300);
  --text-subtle: rgba(147, 197, 253, 0.7); /* blue-300 with 70% opacity */
  
  /* Accent Colors */
  --accent-bg: rgba(59, 130, 246, 0.2); /* blue-500 with 20% opacity */
  --accent-line: var(--blue-300);
  --overlay-subtle: rgba(59, 130, 246, 0.05); /* blue-400 with 5% opacity */
  --overlay-dark: rgba(30, 58, 138, 0.05); /* blue-900 with 5% opacity */
  --overlay-dark-strong: rgba(30, 58, 138, 0.1); /* blue-900 with 10% opacity */
}

/* Usage Examples */
/* 
  Primary background: var(--gradient-primary)
  Secondary background: var(--gradient-secondary)
  Accent color: var(--blue-500)
  Primary text: var(--text-primary)
  Secondary text: var(--text-secondary)
  Accent text: var(--text-accent)
  Subtle text: var(--text-subtle)
  Badge background: var(--accent-bg)
  Decorative lines: var(--accent-line)
  Radial overlays: var(--radial-blue), var(--radial-indigo)
*/