/* css/variables.css */
:root {
  --navy:      #0a1f44;
  --blue:      #1a56db;
  --sky:       #3b82f6;
  --accent:    #f59e0b;
  --accent2:   #10b981;
  --light:     #f0f6ff;
  --white:     #ffffff;
  --gray:      #64748b;
  --dark:      #1e293b;
  --border:    #e2e8f0;

  --gradient:  linear-gradient(135deg, #0a1f44 0%, #1a56db 100%);
  --gradient2: linear-gradient(135deg, #1a56db 0%, #3b82f6 100%);

  --font-main: 'Sora', sans-serif;
  --font-serif:'Lora', serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 8px rgba(10,31,68,.08);
  --shadow-md: 0 8px 24px rgba(10,31,68,.1);
  --shadow-lg: 0 12px 40px rgba(10,31,68,.12);
  --shadow-xl: 0 20px 60px rgba(10,31,68,.15);

  --transition: all .25s ease;
}