/* ======================================================
   SS INFOTECHS - DESIGN TOKENS & CSS VARIABLES
   ====================================================== */

:root {
  /* Brand Palette (Extracted directly from logo) */
  --navy-deep: #0a192f;
  --navy-light: #112240;
  --blue-royal: #1e3a8a;
  --cyan-vibrant: #06b6d4;
  --sky-bright: #38bdf8;
  --purple-accent: #7c3aed;
  
  /* Surfaces & Backgrounds */
  --bg-body: #fafafc;
  --bg-surface-white: #ffffff;
  --bg-glass-light: rgba(255, 255, 255, 0.85);
  --bg-glass-dark: rgba(10, 25, 47, 0.90);
  
  /* Text & Contrast */
  --text-main: #1e293b;
  --text-muted: #64748b;
  --text-white: #ffffff;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0a192f 0%, #1e3a8a 100%);
  --gradient-accent: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
  --gradient-text: linear-gradient(135deg, #1e3a8a 0%, #06b6d4 100%);

  /* Glassmorphism & Borders */
  --glass-border-light: 1px solid rgba(255, 255, 255, 0.3);
  --glass-blur: blur(14px);

  /* Elevation Shadows */
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 10px 30px -10px rgba(10, 25, 47, 0.08);
  --shadow-hover: 0 20px 40px -15px rgba(6, 182, 212, 0.3);

  /* Typography */
  --font-heading: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Transitions */
  --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}