:root {
  --woow1: #F6FAFD;  /* خلفية */
  --woow2: #0A1931;  /* نص */
  --woow3: #4A7FA7;  /* أزرق */
  --woow4: #1A3D63;  /* داكن */
  --woow5: #B3CFE5;  /* فاتح ثانوي */

  --accent: #56c6c6;
  --danger: #e04c40;
  --link: #1485ee;
  --dark: #222222;
  --white: #ffffff;


           --primary: #6366f1;
            --primary-dark: #4f46e5;
            --primary-light: #818cf8;
            --secondary: #8b5cf6;
          
            --success: #10b981;
            --warning: #f59e0b;
        
          
            --dark-secondary: #1e293b;
            --gray: #64748b;
            --gray-light: #94a3b8;
            --light: #f8fafc;
    
            --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.03);
            --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07);
            --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
            --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.12);
            --radius-md: 1rem;
            --radius-lg: 1.25rem;
            --radius-xl: 1.5rem;
            --radius-2xl: 2rem;

}

.dark {
  --woow1: #0A1931;
  --woow2: #F6FAFD;
  --woow3: #4A7FA7;
  --woow4: #1A3D63;
  --woow5: #B3CFE5;

  --accent: #56c6c6;
  --danger: #e04c40;
  --link: #1485ee;
  --dark: #0A1931;
  --white: #ffffff;


   --primary: #6366f1;
            --primary-dark: #4f46e5;
            --primary-light: #818cf8;
            --secondary: #8b5cf6;
          
            --success: #10b981;
            --warning: #f59e0b;
        
          
            --dark-secondary: #1e293b;
            --gray: #64748b;
            --gray-light: #94a3b8;
            --light: #f8fafc;
    
            --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.03);
            --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07);
            --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
            --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.12);
            --radius-md: 1rem;
            --radius-lg: 1.25rem;
            --radius-xl: 1.5rem;
            --radius-2xl: 2rem;
}